[ckeditor] [js] ikonka koloru tekstu, jest niewidoczna Opcje

[lukash82]

Witam,

Zainstalowałem nową wersję ckeditor. Wszystko jest ok, gdyby nie to, że w najnowszej wersji 4.4.7 opcja kolorowania tekstu nie jest domyślnie instalowana. Trzeba ją dobrać jako osobny plugin. Tak też zrobiłem. Tylko problem z wyświetlaniem samej ikonki w pasku narzędzi dołączanym do textarea. Ikonka to standardowo literka "A". Jednak w Chrome, Opera i Safari nie wyświetla się. Natomiast w FF i IE jest ok. Spotkaliście się już z takim czymś i może mi ktoś podpowiedzieć jakieś rozwiązanie?

Instalacja była standardowa wg wskazówek na stronie projektu. Natomiast sam kolor tekstu dodaje się poprzez 3 dodatkowe pluginy, tj. button, panelbutton, colorbutton i aktywuje w config.js:

config.extraPlugins = 'button';
config.extraPlugins = 'panelbutton';
config.extraPlugins = 'colorbutton';

Manual do tego jest dosyć pokręcony więc nie wiem czy czegoś nie przeoczyłem. Ale skoro w 2 przeglądarkach jest ok, a w innych nie, to nie wiem zbytnio gdzie szukać błędu... Pomożecie? Pozdrawiam, Ł.

[Kshyhoo]

Na stronie ckeditor.com/builder wybierasz to, co chcesz i bez kombinowania...

[vokiel]

Builder jak pisał kolega powyżej.

Poza tym

[JAVASCRIPT] pobierz, plaintext 
config.extraPlugins = 'button';
config.extraPlugins = 'panelbutton';
config.extraPlugins = 'colorbutton';
[JAVASCRIPT] pobierz, plaintext 

W ten sposób nadpisujesz poprzednie ustawienia, dodawanie wielu pluginów powinno wyglądać tak:

[JAVASCRIPT] pobierz, plaintext 
config.extraPlugins = 'button,panelbutton,colorbutton';
[JAVASCRIPT] pobierz, plaintext 

[lukash82]

Ok, spróbowałem raz jeszcze z tą opcją. Wybrałem pakiet standard + dodatkowy plugin 'Color Button'. Pobrane, zainstalowane. Jednak w opcjach wtyczki jest link: http://ckeditor.com/addon/colorbutton. Potrzebne są dodatkowe pluginy, które już wyżej podawałem. Pobrałem, wrzuciłem na FTP + dodatkowe wpisy w pliku config.js i niestety opcja kolorów wogóle nie jest widoczna...

Pobrałem też opcję full i też kolory tekstu są niewidoczne. W sumie to nawet textarea się wogóle nie wyświetla.

Już nie wiem o co kaman...:/

Poprawiłem kod tak jak piszesz vokiel. Jednak problemem nie jest samo wyświetlanie opcji kolorowania tekstu. Bo to jest ok. Problem w tym, że ikonka "A" jest niewidoczna w Chrome, Safari i Opera. A widoczna w IE i FF. Dlaczego się tak dzieje, to nie mam pojęcia...

Ten post edytował lukash82 8.06.2015, 22:22:17

[Kshyhoo]

Wyczyszczenie cache?

Po za tym, w build-config.js musi być:

[JAVASCRIPT] pobierz, plaintext 
	plugins : {
		'a11yhelp' : 1,
		'about' : 1,
		'basicstyles' : 1,
		'blockquote' : 1,
		'clipboard' : 1,
		'colorbutton' : 1,
[JAVASCRIPT] pobierz, plaintext 

[vokiel]

Wchodzę w Builder'a, wybieram preset standard, dodaję Color Button (zależności Builder rozwiązuje sam), skin i języki bez zmian, wybieram opcję Optimized i ściągam.
Wypakowuję na serwer, edytuję config.js dodając na końcu

[JAVASCRIPT] pobierz, plaintext 
config.extraPlugins = 'colorbutton';
[JAVASCRIPT] pobierz, plaintext 

Odpalam w przeglądarce http://localhost/ckeditor_4_4_7_06f6fdb39cae/samples/replacebyclass.html - wszystko jest.

Wyczyść cache, jak to nie pomoże to tutaj masz build-config.js

[JAVASCRIPT] pobierz, plaintext 
/**
 * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or <a href="http://ckeditor.com/license" target="_blank">http://ckeditor.com/license</a>
 */
 
/**
 * This file was added automatically by CKEditor builder.
 * You may re-use it at any time to build CKEditor again.
 *
 * If you would like to build CKEditor online again
 * (for example to upgrade), visit one the following links:
 *
 * (1) <a href="http://ckeditor.com/builder" target="_blank">http://ckeditor.com/builder</a>
 *     Visit online builder to build CKEditor from scratch.
 *
 * (2) <a href="http://ckeditor.com/builder/9face5166ce360b258897a4a88ebc0a3" target="_blank">http://ckeditor.com/builder/9face5166ce360b258897a4a88ebc0a3</a>
 *     Visit online builder to build CKEditor, starting with the same setup as before.
 *
 * (3) <a href="http://ckeditor.com/builder/download/9face5166ce360b258897a4a88ebc0a3" target="_blank">http://ckeditor.com/builder/download/9face...8897a4a88ebc0a3</a>
 *     Straight download link to the latest version of CKEditor (Optimized) with the same setup as before.
 *
 * NOTE:
 *    This file is not used by CKEditor, you may remove it.
 *    Changing this file will not change your CKEditor configuration.
 */
 
var CKBUILDER_CONFIG = {
	skin: 'moono',
	preset: 'standard',
	ignore: [
		'.bender',
		'bender.js',
		'bender-err.log',
		'bender-out.log',
		'dev',
		'.DS_Store',
		'.editorconfig',
		'.gitattributes',
		'.gitignore',
		'gruntfile.js',
		'.idea',
		'.jscsrc',
		'.jshintignore',
		'.jshintrc',
		'.mailmap',
		'node_modules',
		'package.json',
		'README.md',
		'tests'
	],
	plugins : {
		'a11yhelp' : 1,
		'about' : 1,
		'basicstyles' : 1,
		'blockquote' : 1,
		'clipboard' : 1,
		'colorbutton' : 1,
		'contextmenu' : 1,
		'elementspath' : 1,
		'enterkey' : 1,
		'entities' : 1,
		'filebrowser' : 1,
		'floatingspace' : 1,
		'format' : 1,
		'horizontalrule' : 1,
		'htmlwriter' : 1,
		'image' : 1,
		'indentlist' : 1,
		'link' : 1,
		'list' : 1,
		'magicline' : 1,
		'maximize' : 1,
		'pastefromword' : 1,
		'pastetext' : 1,
		'removeformat' : 1,
		'resize' : 1,
		'scayt' : 1,
		'showborders' : 1,
		'sourcearea' : 1,
		'specialchar' : 1,
		'stylescombo' : 1,
		'tab' : 1,
		'table' : 1,
		'tabletools' : 1,
		'toolbar' : 1,
		'undo' : 1,
		'wsc' : 1,
		'wysiwygarea' : 1
	},
	languages : {
		'en' : 1
	}
};
[JAVASCRIPT] pobierz, plaintext 

[lukash82]

Witam,

Ok, Już wszystko działa. Problem jest prawdopodobnie po stronie skórki BootstrapCK4. W standardowej skórce Moono literka "A" jest widoczna. Tak samo w skórce Flat. Dzięki za naprowadzenie, bo szukałem rozwiązania wszędzie na około, a wystarczyło spróbować standardowego stylu (IMG:style_emoticons/default/wink.gif) Pozdrawiam, Ł.