Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [ckeditor] [js] ikonka koloru tekstu
Forum PHP.pl > Forum > Przedszkole
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
  1. config.extraPlugins = 'button';
  2. config.extraPlugins = 'panelbutton';
  3. config.extraPlugins = 'colorbutton';
[JAVASCRIPT] pobierz, plaintext


W ten sposób nadpisujesz poprzednie ustawienia, dodawanie wielu pluginów powinno wyglądać tak:
[JAVASCRIPT] pobierz, plaintext
  1. 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...
Kshyhoo
Wyczyszczenie cache?

Po za tym, w build-config.js musi być:
[JAVASCRIPT] pobierz, plaintext
  1. plugins : {
  2. 'a11yhelp' : 1,
  3. 'about' : 1,
  4. 'basicstyles' : 1,
  5. 'blockquote' : 1,
  6. 'clipboard' : 1,
  7. '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
  1. 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
  1. /**
  2.  * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
  3.  * For licensing, see LICENSE.md or <a href="http://ckeditor.com/license" target="_blank">http://ckeditor.com/license</a>
  4.  */
  5.  
  6. /**
  7.  * This file was added automatically by CKEditor builder.
  8.  * You may re-use it at any time to build CKEditor again.
  9.  *
  10.  * If you would like to build CKEditor online again
  11.  * (for example to upgrade), visit one the following links:
  12.  *
  13.  * (1) <a href="http://ckeditor.com/builder" target="_blank">http://ckeditor.com/builder</a>
  14.  * Visit online builder to build CKEditor from scratch.
  15.  *
  16.  * (2) <a href="http://ckeditor.com/builder/9face5166ce360b258897a4a88ebc0a3" target="_blank">http://ckeditor.com/builder/9face5166ce360b258897a4a88ebc0a3</a>
  17.  * Visit online builder to build CKEditor, starting with the same setup as before.
  18.  *
  19.  * (3) <a href="http://ckeditor.com/builder/download/9face5166ce360b258897a4a88ebc0a3" target="_blank">http://ckeditor.com/builder/download/9face...8897a4a88ebc0a3</a>
  20.  * Straight download link to the latest version of CKEditor (Optimized) with the same setup as before.
  21.  *
  22.  * NOTE:
  23.  * This file is not used by CKEditor, you may remove it.
  24.  * Changing this file will not change your CKEditor configuration.
  25.  */
  26.  
  27. var CKBUILDER_CONFIG = {
  28. skin: 'moono',
  29. preset: 'standard',
  30. ignore: [
  31. '.bender',
  32. 'bender.js',
  33. 'bender-err.log',
  34. 'bender-out.log',
  35. 'dev',
  36. '.DS_Store',
  37. '.editorconfig',
  38. '.gitattributes',
  39. '.gitignore',
  40. 'gruntfile.js',
  41. '.idea',
  42. '.jscsrc',
  43. '.jshintignore',
  44. '.jshintrc',
  45. '.mailmap',
  46. 'node_modules',
  47. 'package.json',
  48. 'README.md',
  49. 'tests'
  50. ],
  51. plugins : {
  52. 'a11yhelp' : 1,
  53. 'about' : 1,
  54. 'basicstyles' : 1,
  55. 'blockquote' : 1,
  56. 'clipboard' : 1,
  57. 'colorbutton' : 1,
  58. 'contextmenu' : 1,
  59. 'elementspath' : 1,
  60. 'enterkey' : 1,
  61. 'entities' : 1,
  62. 'filebrowser' : 1,
  63. 'floatingspace' : 1,
  64. 'format' : 1,
  65. 'horizontalrule' : 1,
  66. 'htmlwriter' : 1,
  67. 'image' : 1,
  68. 'indentlist' : 1,
  69. 'link' : 1,
  70. 'list' : 1,
  71. 'magicline' : 1,
  72. 'maximize' : 1,
  73. 'pastefromword' : 1,
  74. 'pastetext' : 1,
  75. 'removeformat' : 1,
  76. 'resize' : 1,
  77. 'scayt' : 1,
  78. 'showborders' : 1,
  79. 'sourcearea' : 1,
  80. 'specialchar' : 1,
  81. 'stylescombo' : 1,
  82. 'tab' : 1,
  83. 'table' : 1,
  84. 'tabletools' : 1,
  85. 'toolbar' : 1,
  86. 'undo' : 1,
  87. 'wsc' : 1,
  88. 'wysiwygarea' : 1
  89. },
  90. languages : {
  91. 'en' : 1
  92. }
  93. };
[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 wink.gif Pozdrawiam, Ł.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.