Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zmiana tła ckeditor
Forum PHP.pl > Forum > Po stronie przeglądarki
bielu000
Witam mam pytanie jak zmienić tło w edytorze ckeditor na jakies ciemniejsze ? Chciałbym tak zrobić ponieważ mam ciemną stronę i jak daje biały teksto to go w edytorze nie widać
Pozdrawiam
Kshyhoo
W konfiguracji edytora (najlepiej tam, gdzie go wpinasz) możesz dać:
  1. CKEDITOR.replace( "editor", {
  2. extraPlugins : "uicolor",
  3. uiColor: "#AADC6E"
  4. }
bielu000
Mam dokładnie tak
  1. <script type="text/javascript">
  2. //<![CDATA[
  3. CKEDITOR.replace( 'editor1',
  4. {
  5. extraPlugins : "uicolor",
  6.  
  7. uiColor: "#AADC6E",
  8. height : "600px",
  9. filebrowserBrowseUrl: 'ckeditor/filemanager/index.html',
  10.  
  11.  
  12. on :
  13. {
  14. }
  15. });
  16. //]]>
  17.  

i lipa, próbowalem w stylach ręcznie zmieniać do każdego skinu ale tez nic nie daje


Ok juz sobie poradziłem.
Dla potomnych,
trzeba stworzyć nowy plik mysitestyles.css dac go do folderu tam gdzie jest custom.css to jest główny folder ckeditor
następnie do tego pliku wpisujemy
  1. body
  2. {
  3. /* Font */
  4. font-family: Arial, Verdana, sans-serif;
  5. font-size: 12px;
  6.  
  7. /* Text color */
  8. color: #f0f0f0;
  9.  
  10. /* Remove the background color to make it transparent */
  11. background-color: #353c42;
  12. }
  13.  
  14. html
  15. {
  16. /* #3658: [IE6] Editor document has horizontal scrollbar on long lines
  17. To prevent this misbehavior, we show the scrollbar always */
  18. _overflow-y: scroll
  19. }
  20.  
  21. img:-moz-broken
  22. {
  23. -moz-force-broken-image-icon : 1;
  24. width : 24px;
  25. height : 24px;
  26. }
  27. img, input, textarea
  28. {
  29. cursor: default;
  30. }


oraz do pliku config.js dopisujemy
  1. CKEDITOR.editorConfig = function( config )
  2. {
  3. // Define changes to default configuration here. For example:
  4. // config.language = 'fr';
  5. config.uiColor = '#AADC6E';
  6. config.contentsCss = 'ckeditor/mysitestyles.css';
  7. };
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.