Как добавить кнопку «Вставить изображение» в CKEditor?

Я использую CKEditor 4.1.1 и не могу понять, как показать кнопку «Вставить изображение» на панели инструментов. Это моя текущая конфигурация CKEditor в config.js.Как добавить кнопку «Вставить изображение» в CKEditor?

CKEDITOR.editorConfig = function(config) { 
    // Define changes to default configuration here. 
    // For the complete reference: 
    // http://docs.ckeditor.com/#!/api/CKEDITOR.config 

    // The toolbar groups arrangement, optimized for a single toolbar row. 
    config.toolbarGroups = [ 
     { name: 'document', groups: [ 'mode', 'document', 'doctools' ] }, 
     { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, 
     { name: 'editing',  groups: [ 'find', 'selection', 'spellchecker' ] }, 
     { name: 'forms' }, 
     { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, 
     { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] }, 
     { name: 'links' }, 
     { name: 'insert' }, 
     { name: 'styles' }, 
     { name: 'colors' }, 
     { name: 'tools' }, 
     { name: 'others' }, 
     { name: 'about' } 
    ]; 

    // The default plugins included in the basic setup define some buttons that 
    // we don't want too have in a basic editor. We remove them here. 
    config.removeButtons = 'Cut,Copy,Paste,Undo,Redo,Anchor,Underline,Strike,Subscript,Superscript,Font,SpellChecker'; 

    config.disableNativeSpellChecker = false; 
    config.removePlugins = 'scayt,menubutton,contextmenu'; 

    // Let's have it basic on dialogs as well. 
    config.removeDialogTabs = 'link:advanced'; 
};

Как изменить это, чтобы показать кнопку «Вставить изображение»?

Я читал документацию и пробую разные вещи, но до сих пор ничего не сработало.

источник

2013-12-24 Nate

вы хотите добавить вставку изображения в CKEditor? или загрузить? –

@ яша - просто добавьте кнопку, которая позволяет вставить ссылку на изображения, а не загружать что-либо .. – Nate

Раньше у меня были одни и те же проблемы давным-давно. Я открыл мой старый код сайта, чтобы проверить это для вас:

попробовать добавить это к вашему config.js

в config.toolbarGroups Объекте

{ name: 'insert', items: [ 'Image']},

вместо

{ name: 'insert'},

если это не сработает image с нижним регистром

Btw Я нашел это documentation, которые могут быть полезны

Good Luck

источник

2013-12-24 03:18:55

Хммм .. Когда я это делаю, CKEditor не отображает и консоль отображает следующую ошибку cceditor.js: 563 'Uncaught TypeError: Object Image не имеет метода 'render'' – Nate

Я должен упомянуть, что я использую CKEditor 4.1.1. – Nate

- это ваш ckeditor-образ плагина, который вы загрузили и добавили после загрузки вашего основного CKEDITOR? –

сначала нужно проверить CKEditor Какие CSS, используя, например CK Editor \ шкурки \ Office2003 \ editor.css в том, что вы можете добавить изображение значок кнопки изображения я искал и проверил это работает для меня

.cke_skin_office2003 .cke_button a.cke_button_ICONNAME .cke_icon 
{ 
    background-image:url(ICONNAME.png); 
    background-repeat:repeat; 
    background-position:0px; 
}

надеется, что это помогает некоторым один

источник

2015-09-04 04:56:28

Как добавить кнопку «Вставить изображение» в CKEditor?

ответ

Смежные вопросы