2013-05-29 2 views
2

У меня есть приложение, которое нуждается в встроенном CKEditor, но без панели инструментов. Для встроенного CKEditor части у меня есть:Как скрыть панель инструментов в CKEditor inline

CKEDITOR.disableAutoInline = true; 
var editor = CKEDITOR.inline('editable', {on: { 
    instanceReady: function() {periodic();} 
}}); 

var periodic = (function() { 
    var data, oldData; 
    return function() { 
     if ((data = editor.getData()) !== oldData) { 
      oldData = data; 
      $.post("update.php", {txt:data}); 
     } 
     setTimeout(periodic, 1000); 
    }; 
})(); 

Тогда для инструментов тайника части я нашел это: CKEditor 4 Inline: How to hide toolbar on demand?

//Whenever CKEditor loses focus, We will hide the corresponding toolbar DIV. 
function hideToolBarDiv(event) { 
    // Select the correct toolbar DIV and hide it. 
    //'event.editor.name' returns the name of the DIV receiving focus. 
    $('#'+event.editor.name+'TBdiv').hide(); 
} 

Проблема заключается в том, что я понятия не имею, как совместить эти два вместе :) Ценю для любого намека. Спасибо.

+0

возможно дубликат [ Могу ли я использовать CKEditor без панели инструментов?] (Http://stackoverflow.com/questions/13611386/can-i-use-ckeditor-without-a-toolbar) – Reinmar

+0

Я обновил свой ответ в http://stackoverflow.com/ вопросы/13611386/can-i-use-ckeditor-without-a-toolbar, объясняющие, что Advanced Content Filter не настроен без панели инструментов, поэтому вам нужно сделать это вручную. – Reinmar

ответ

4

я нашел другую ссылку, которая, кажется, чтобы решить мою проблему: Can I use CKEditor without a toolbar? Сценарий, кажется, работает хорошо, хотя я до сих пор не уверен, что это правильный способ сделать это:

CKEDITOR.disableAutoInline = true; 
var editor = CKEDITOR.inline('editable', { 
    removePlugins: 'toolbar', 
    allowedContent: 'p h1 h2 strong em; a[!href]; img[!src,width,height]' 
    on: {instanceReady: function() {periodic();}} 
}); 

var periodic = (function() { 
    var data, oldData; 
    return function() { 
     if ((data = editor.getData()) !== oldData) { 
      oldData = data; 
      $.post("update.php", {txt:data}); 
     } 
     setTimeout(periodic, 1000); 
    }; 
})(); 
Смежные вопросы