57u / custom-dropdown-ckeditor4

Allows you to create a custom dropdown added to the ckeditor4 toolbar, which outputs a text string (or whatever needed) to the editor.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cannot get menu to show

mslinn opened this issue · comments

My script for CKEditor 4.0.1 looks like this:

<script>
  var editor = CKEDITOR.replace("@{field.id}", {
    height: $(window).height() / 2 - 30,
    "extraPlugins": "imagebrowser,codemirror,strinsert",
    "imageBrowser_listUrl": "@browseUrl"
  });

Curently my CKEditor config.js contains:

  config.toolbar = [
      { name: 'tools',      items : [ 'Maximize', 'ShowBlocks','-','About' ] },
        { name: 'document',     items : [ 'Source','-','Save','NewPage','DocProps',/*'Preview',*/'Print','-','Templates' ] },
        { name: 'clipboard',    items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
        //{ name: 'forms',      items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
      { name: 'insert',     items : [ 'Image',/*'Flash',*/'Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] },
        '/',
        { name: 'basicstyles',  items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
      { name: 'colors',     items : [ 'TextColor','BGColor' ] },
      { name: 'styles',     items : [ 'Styles','Format','Font','FontSize' ] },
      { name: 'strinsert' , items: [ 'FAQ', 'Glossary', 'Career Courses', 'Career Profiles' ] },
      '/',
        { name: 'paragraph',    items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'/*,'-','BidiLtr','BidiRtl'*/ ] },
        { name: 'links',        items : [ 'Link','Unlink','Anchor' ] },
      { name: 'editing',        items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] }
    ];

I tried adding this:

  config.toolbarGroups = [ { name: 'strinsert'  } ];

but the strinsert menu item does not appear. I then tried this:

  config.toolbarGroups = [ { name: 'strinsert' , items: [ 'FAQ', 'Glossary', 'Career Courses', 'Career Profiles' ] } ];

but again no joy. I tried adding this to config.toolbar:

 { name: 'strinsert' , items: [ 'FAQ', 'Glossary', 'Career Courses', 'Career Profiles' ] } 

but still nothing. What am I missing?