egeloen / IvoryCKEditorBundle

Provides a CKEditor integration for your Symfony project.
MIT License
336 stars 114 forks source link

Plugin installation problem #307

Closed Xeyos88 closed 7 years ago

Xeyos88 commented 7 years ago

I try to install http://ckeditor.com/addon/codeTag. I put the folder dowloaded in web/bundles/ivoryckeditor/ and this is my configuration:

 default_config: my_config
    configs:
        my_config:
            extraPugins: "codeTag"
            toolbar: [["Source", "-", "Undo", "Redo", "-", "Bold", "Italic", "Underline", "Strike", "Subscript", "Superscript",
                "RemoveFormat", "Code", "-","NumberedList", "BulletedList","-","JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock",
                "Link", "Unlink", "-", "Image", "Table", "-", "Blockquote", "HorizontalRule", "SpecialChar", "Smiley",
                "-", "TextColor", "BGColor"], "/", ["Styles", "Format", "Font", "FontSize", "Maximize", "Preview"]]
            removeDialogTabs: "image:advanced;link:advanced"
    plugins:
        codeTag:
          path: "web/bundles/ivoryckeditor/plugins/codeTag/plugin.js"
          filename: "plugin.js"

But doesn't work.

egeloen commented 7 years ago

Hey! Do you have an error in your browser console?

Xeyos88 commented 7 years ago

No 0 error in console.

egeloen commented 7 years ago

Can you copy/paste the generated javascript + html ?

Xeyos88 commented 7 years ago

In my textarea


<textarea id="appbundle_article_content" name="appbundle_article[content]" required="required" class="form-control"></textarea>
<script type="text/javascript">
 var CKEDITOR_BASEPATH = "/bundles/ivoryckeditor/";
</script>
<script type="text/javascript" src="/bundles/ivoryckeditor/ckeditor.js"></script>
<script type="text/javascript">    
 if (CKEDITOR.instances["appbundle_article_content"]) { CKEDITOR.instances["appbundle_article_content"].destroy(true); delete CKEDITOR.instances["appbundle_article_content"]; }
 CKEDITOR.plugins.addExternal("codeTag", "/web/bundles/ivoryckeditor/plugins/codeTag/plugin.js", "plugin.js");  
 CKEDITOR.replace("appbundle_article_content", {"extraPugins":"codeTag","toolbar":[["Source","-","Undo","Redo","-","Bold","Italic","Underline","Strike","Subscript","Superscript","RemoveFormat","Code","-","NumberedList","BulletedList","-","JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock","Link","Unlink","-","Image","Table","-","Blockquote","HorizontalRule","SpecialChar","Smiley","-","TextColor","BGColor"],"\/",["Styles","Format","Font","FontSize","Maximize","Preview"]],"removeDialogTabs":"image:advanced;link:advanced","language":"en"});
</script>
   

Javascrit bottom page


( function() {
--
   CKEDITOR.plugins.add( 'quote', {
   init: function( editor ) {
    
   var items = {};
    
   items.inlinequote = {
   label: 'Single line quote',
   group: 'quote_group',
   command: 'inlinequote',
   icon: CKEDITOR.getUrl(this.path + 'icons/quote-single-line.png'),
   order: 1
   };
    
   // Use the official blockquote plugin
   items.blockquote = {
   label: 'Multi line quote',
   group: 'quote_group',
   command: 'blockquote',
   icon: CKEDITOR.getUrl(this.path + 'icons/quote-multi-line.png'),
   order: 2
   };
    
   editor.addMenuGroup( 'quote_group' );
   editor.addMenuItems( items );
    
   editor.ui.add( 'quotes', CKEDITOR.UI_MENUBUTTON, {
   label: 'Quote',
   // Disable in source mode.
   modes: {
   wysiwyg: 1
   },
   icon: 'Blockquote',
   onMenu: function() {
   var active = {};
    
   // Make all items active.
   for ( var p in items )
   active[ p ] = CKEDITOR.TRISTATE_OFF;
    
   return active;
   }
   } );
    
   editor.addCommand( 'inlinequote', {
   exec: function( editor ) {
   var selected_text = editor.getSelection().getSelectedText();
   var newElement = new CKEDITOR.dom.element("q");
   newElement.setText(selected_text);
   editor.insertElement(newElement);
   }
   });
    
   }
   });
   } )();
egeloen commented 7 years ago

Ok, I need to give a try to this specific plugin and see what's going on...

egeloen commented 7 years ago

I just give a try to your issue in the referenced commit and everything is working fine for your plugin. I see the button wrapCode added to the editor.