webyep / coeditor update config.js problem

Allgemeine Diskussionen über WebYep
Post Reply
alphatier
Rank 2
Rank 2
Posts: 49
Joined: Thu Mar 04, 2010 9:39 pm

webyep / coeditor update config.js problem

Post by alphatier » Thu Nov 17, 2011 10:59 pm

ich habe auf die aktuell webyep version und den aktuellen ckeditor upgedated.

die config.js habe ich entsprechend der neuen definitonsweise des ckeditors angepasst.
nur weder toolbar noch styes funktionieren. es wird immer der ganze editor mit den standardstyles aufgerufen.

eine hintergrundfarbe zum Test funktioniert einwandfrei, somit wird die config.js erkannt.

da zuvor alles lief habe ich nun doch webyep im verdacht,
muss ich MyToolbar und my_styles spezielle Namen vergeben?

Oder woran kann es liegen, bin ratlos… und dankbar für jeden Tipp!



Code: Select all

CKEDITOR.editorConfig = function( config )
{
   config.language = 'de';
   config.uiColor = '#babaff';
      
   config.toolbar = 'MyToolbar',
         
      [
         { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
         { name: 'styles', items : [ 'Styles','Format' ] },
         { name: 'basicstyles', items : [ 'Bold','Italic','Strike','-','RemoveFormat' ] },
         { name: 'links', items : [ 'Link','Unlink','Anchor' ] },
         { name: 'tools', items : [ 'About' ] }
      ];

      CKEDITOR.stylesSet.add( 'my_styles',
   [
       // Block-level styles
       { name : 'normal', element : 'p', styles : { 'class' : 'plain' } },
       { name : 'einzug' , element : 'p', styles : { 'class' : 'indent' } },
   
       // Inline styles
       { name : 'highlight', element : 'span', attributes : { 'class' : 'highlight' } },
       { name : 'versal', element : 'span', styles : { 'class' : 'versal' } }
   ]);
};


marcus
Objective Development
Objective Development
Posts: 170
Joined: Tue Nov 30, 2010 1:25 pm

Re: webyep / coeditor update config.js problem

Post by marcus » Fri Nov 18, 2011 5:05 pm

Tut mir leid dass ich das so sage, aber in diesem Beispiel sind etliche Fehler, was dazu führt, dass es nicht funktioniert.

Ich will jetzt gar nicht darauf eingehen, sondern poste das selbe Beispiel in funktionstüchtiger Form.
Achtung: dieses Beispiel erfordert WebYep 1.7.1 oder höher, sowie CKEditor 3.6.x

Schritt 1: /webyep-system/programm/opt/ckeditor/config.js muss folgenden Inhalt haben:

Code: Select all

CKEDITOR.editorConfig = function(config) { /* LEER! */ };

CKEDITOR.stylesSet.add( 'my_styles', [ // definiert ein Style-Set Namens "my_styles"
   // Block-level styles
   { name: 'normal', element: 'p', attributes: { 'class': 'plain' } },
   { name: 'einzug', element: 'p', attributes: { 'class': 'indent' } },

   // Inline styles
   { name: 'highlight', element: 'span', attributes: { 'class': 'highlight' } },
   { name: 'versal',    element: 'span', attributes: { 'class': 'versal' } }
]);
CKEDITOR.config.stylesCombo_stylesSet = 'my_styles'; // legt fest, dass die ComboBox das Style-Set "my_styles" verwenden soll


Schritt 2: die angepasste Toolbar muss in einer .php-Datei definiert und ausgewählt werden!
Die Datei heißt /webyep-system/programm/opt/ckeditor_init.php und hat folgenden Inhalt:

Code: Select all

uiColor: '#babaff',   // dies könnte auch in CKEDITOR.editorConfig stehen, dann aber so: config.uiColor = '#babaff';
toolbar: 'MyToolbar', // legt fest, dass als Toolbar "MyToolbar" verwendet werden soll
toolbar_MyToolbar: [  // definiert eine Toolbar Namens "MyToolbar"
    { name: 'clipboard',   items: [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
    { name: 'styles',      items: [ 'Styles','Format' ] },
    { name: 'basicstyles', items: [ 'Bold','Italic','Strike','-','RemoveFormat' ] },
    { name: 'links',       items: [ 'Link','Unlink','Anchor' ] },
    { name: 'tools',       items: [ 'About' ] }
]

Quelle: CKEditor Developers Guide (Styles, Toolbars)

Und so sieht das Ergebnis dann aus:
Custom-RichText-Editor.png
Custom-RichText-Editor.png (83.76 KiB) Viewed 2976 times

alphatier
Rank 2
Rank 2
Posts: 49
Joined: Thu Mar 04, 2010 9:39 pm

Re: webyep / coeditor update config.js problem

Post by alphatier » Fri Nov 18, 2011 5:21 pm

Oh wunderbar sehe ich mir gleich an. Aus Fehlern lernen…

Post Reply