[Modyfikacja] Okno wpisywania tekstu

[KaMaZzI]

Witam, chciałbym zmienić okno wpisywania tekstu na moim forum.
Jako że jestem początkujący prosiłbym o dokładniejsze wytłumaczenie jak tego dokonać.
Okno które chciałbym zmienić, zostało zastosowane na m*cfor*m.pl
Pozdrawiam gorąco oraz czekam na pomoc

[BitGit]

to jest zabawa z szablonami i grafikami CKEditor

Musisz dorwać styl, z którego chcesz podmienić wygląd edytora i w odpowiednich szablonach swojego skinu (editor.css oraz ckeditor.css) go nadpisać nowymi wartościami, ponadto podmienić grafiki na ftp.

Druga opcja - samemu, krok po kroku wprowadzić zmiany - według uznania, wiedzy i własnych umiejętności/możliwości

Uwaga - zmiana edytora to nie jest to proste zadanie - możesz narobić sobie szkód!

[KaMaZzI]

Rozumiem, jest ktoś w stanie na początek mi wytłumaczyć jak zmienić kolor czcionki na biały?
Czarna czcionka na szarym tle nie najładniej się komponuje

[BitGit]

Na początek spróbuj nadpisać plik css, który znajdziesz na serwerze

http://twoja_domena.com/public/js/3rd_party/ckeditor/contents.css

a konkretnie zmień wartość w sekcji /* Text color */ na 

#fff;

Edytowane 22 Czerwca 2014 przez 9xx

[KaMaZzI]

Gotowe, lecz wpisywany tekst nadal jest czarny.

Edytowane 22 Czerwca 2014 przez KaMaZzI

[BitGit]

Jeżeli już to #FFFFFF

Poprzeglądaj net, poczytaj o stylach, zwiększ zasób swojej wiedzy o css i potem dopiero napisz co myślisz o #fff

[KaMaZzI]

Może tak zamiast modyfikacji CKEditor'a jest jakiś gotowy Edytor, w internecie znalazłem stronę na której można sobie dostosować edytor do własnych potrzeb http://ckeditor.com/download

[BitGit]

To jest ten sam CKEditor (a konkretnie jego najnowsza wersja, która będzie zastosowana IP.Board 4.0), którą masz u siebie na forum. Żeby dostosować go sobie do własnych potrzeb musisz posiadać dość szeroką wiedzę z zakresu js, css, php..

[BitGit]

Jaki masz styl - skin zainstalowany na forum?

[KaMaZzI]

IP.Board 3.4.6
zakupiony Skin ze strony autora - http://www.ipbfocus.com/premade/deflection_ipb3/index.php

[Nerox]

Deflection.

[BitGit]

Autor stylu powinien zapewnić Ci wsparcie,

jeśli nie, to rozwiązanie Twojego problemu znalazłem tutaj: http://www.mpcforum.pl/topic/920653-tut33xnaprawaedytowanie-edytora-tekstu/

[KaMaZzI]

Nadal bez zmian
Chodzi o to by zastąpić czarną czcionkę, białą czcionką.

[BitGit]

Dobra, to jeszcze raz 

Zrób tak:

Wejdź na serwer przez ftp do katalogu public/style_images/twój_styl i znajdź plik editor.css

następnie w pliku znajdź:

body   {
                      background: #323232;
                      nowhitespace: afterproperty;
                      color: #222;
                      /* Font */font-family: 'Helvetica Neue', Arial, Verdana, sans-serif;font-size: 14px;;
                  }

i zmień wartość color: na 

color: #fff; 

zapisz i wyślij ponownie na serwer

 

Będzie działało - sprawdziłem u siebie!

[KaMaZzI]

Niestety w katalogu "public/style_images/twój_styl" nie ma pliku "editor.css"
Znajduje się tam folder "editor" a w nim plik "dark_editor.css"

Edytowane 22 Czerwca 2014 przez KaMaZzI

[BitGit]

fu** pokaż mi plik editorLoadjs (znajdziesz go w szablonach ACP w teczce Editor)

[KaMaZzI]

Proszę
 

{parse js_module="textEditor"}
{parse js_module="textEditor.bbcode"}
<php>
	$this->_editorJsLoaded = true;
	$jsonEncoded = IPSText::jsonEncodeForTemplate( isset($options['smilies']) && is_array($options['smilies']) ? $options['smilies'] : array() );
	$options['bypassCKEditor'] = ( isset($options['bypassCKEditor']) ) ? $options['bypassCKEditor'] : 0;
</php>
<if test="bypassCkEditor:|:$options['bypassCKEditor'] != 1">
	<if test="defined("CK_LOAD_SOURCE") AND CK_LOAD_SOURCE">
		<!-- Load source files, not the minified version -->
		<script type="text/javascript" src="{$this->settings['js_base_url']}js/3rd_party/ckeditor/ckeditor_source.js?nck={$this->settings['noCacheKey']}"></script>
	<else />
		<script type="text/javascript" src="{$this->settings['js_base_url']}js/3rd_party/ckeditor/ckeditor.js?nck={$this->settings['noCacheKey']}"></script>
	</if>
<else />
	<script type="text/javascript">
		CKEDITOR = { config: {} };
	</script>
</if>
<script type="text/javascript">
	/* Dynamic items */
                CKEDITOR.config.bodyId              = 'd_contents_id';   
 "CKEDITOR.config.contentsCss = '{style_images_url}/edytor_textu.css';"
"//"
CKEDITOR.config.contentsCss         = '{style_images_url}/new_editor.css';
	CKEDITOR.config.IPS_BBCODE          = {IPSLib::fetchBbcodeAsJson( array( 'skip' => array( 'sharedmedia' ) ) )};
	CKEDITOR.config.IPS_BBCODE_IMG_URL  = "{$this->settings['public_cdn_url']}style_extra/bbcode_icons";
	CKEDITOR.config.IPS_BBCODE_BUTTONS  = [];
        CKEDITOR.timestamp                  = "{$this->settings['noCacheKey']}";

	
	/* Has to go before config load */
	var IPS_smiley_path			= "{$this->settings['emoticons_url']}/";
	var IPS_smiles       		= <if test="hasimages:|:! empty($options['smilies']['count'])">{$jsonEncoded}<else />{}</if>;
	var IPS_remove_plugins      = [];
        var IPS_extra_plugins       = [];
	
	/* Load our configuration */
	CKEDITOR.config.customConfig  = '{$this->settings['js_base_url']}js/3rd_party/ckeditor/ips_config.js';
	
	/* Override with prefs */
	CKEDITOR.config.CmdVAsPlainText = <if test="hasPastePlain:|:$this->memberData['bw_paste_plain']">true<else />false</if>;
</script>
{parse expression="$this->registry->output->addToDocumentHead( 'importcss', "{$this->settings['css_base_url']}style_css/{$this->registry->output->skin['_csscacheid']}/ipb_ckeditor.css" )"}

[BitGit]

Czyli dodałeś ten plik edytor_textu.css?

[KaMaZzI]

Dodałem, lecz bez zmian

[BitGit]

To wklej mi zawartość tego pliku a także pliku new_editor.css

[KaMaZzI]

edytor_textu.css

#d_contents_id {
background:#000DFF; /* kolor tła */
color:#ffffff; /* kolor tekstu */
}

Nie mogę znaleźć new_editor.css
W folderze editor znalazłem dark_editor.css
 

/*
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

body
{
	/* Font */
	font-family: 'Helvetica Neue', Arial, Verdana, sans-serif;
	font-size: 14px;

	/* Text color */
	color: #bcbcbc;

	/* Remove the background color to make it transparent */
	background-color: #292929;
}

/* preserved spaces for rtl list item bullets. (#6249)*/
ol,ul,dl
{
    padding-right:40px;
}

html
{
	/* #3658: [IE6] Editor document has horizontal scrollbar on long lines
	To prevent this misbehavior, we show the scrollbar always */
	_overflow-y: scroll;
	/* #6341: The text cursor must be set on the editor area. */
	cursor: text;
	/* #6632: Avoid having "text" shape of cursor in IE7 scrollbars.*/
	*cursor:auto;
}

p { margin: 0px; }

img:-moz-broken
{
	-moz-force-broken-image-icon : 1;
	width : 24px;
	height : 24px;
}
img, input, textarea
{
	cursor: default;
}

img.bbc_emoticon { vertical-align: middle; }

[BitGit]

Czyli zasadniczo wystarczyłoby zmienić w pliku dark_editor.css kolor czcionki z #bcbcbc; na biały.. #fff;

tylko że nie widzę tego pliku w loadJs...

Edytowane 22 Czerwca 2014 przez 9xx

[KaMaZzI]

Niestety nie mam zielonego pojęcia w czym może leżeć problem

[BitGit]

                CKEDITOR.config.bodyId              = 'd_contents_id';   
 "CKEDITOR.config.contentsCss = '{style_images_url}/edytor_textu.css';"
"//"

w tym fragmencie nie jest potrzebne "//"  i nie są potrzebne apostrofy "

 

niech ten kod wygląda tak:

CKEDITOR.config.bodyId = 'd_contents_id';
CKEDITOR.config.contentsCss = '{style_images_url}/edytor_textu.css';

natomiast w pliku edytor_textu - zmień tło na #292929

 

niech wygląda tak:

#d_contents_id {
background:#292929;
color:#fff;
}

napisz czy pomogło..

[KaMaZzI]

Niestety z przykrością stwierdzam że nadal bez zmian, wykonałem czynności które Pan mi zlecił i nie pomogło.