Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Zmiana tła ckeditor
bielu000
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 3.04.2011

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
Kshyhoo
post
Post #2





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




W konfiguracji edytora (najlepiej tam, gdzie go wpinasz) możesz dać:
  1. CKEDITOR.replace( "editor", {
  2. extraPlugins : "uicolor",
  3. uiColor: "#AADC6E"
  4. }
Go to the top of the page
+Quote Post
bielu000
post
Post #3





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 3.04.2011

Ostrzeżenie: (0%)
-----


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. };
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.09.2025 - 10:54