Можно ли использовать CKEditor без панели инструментов?

(Возможный дубликат: CKEditor - нет панелей инструментов)

Я хотел бы создать экземпляр CKEditor без панели инструментов. Я попытался определить пустую панель инструментов для использования в конфигурации экземпляра

oConfigName.toolbar = 'Custom';
oConfigName.toolbar_Custom = [];

но я получаю маленькую пустую панель инструментов вместо моего экземпляра.

Я использую встроенное редактирование с CKEditor4.

Ответы

Ответ 1

Wow:) Это то, о чем мы не думали при реализации панели инструментов. Но я только что проверил, что вы можете удалить плагин панели инструментов, потому что это не требуется никаким другим плагином.

Итак создайте собственный пакет CKEditor без панели инструментов или используйте конфигурацию removePlugins - например:

var editor = CKEDITOR.inline( 'editable', {
    removePlugins: 'toolbar'
} );

Обновление: В CKEditor 4.1 был добавлен Advanced Content Filter. В автоматическом режиме он настраивается кнопками, которые загружаются на панель инструментов. Без toolbar плагин ACF не настроен, поэтому нужно сделать это самостоятельно:

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

Ответ 2

Добавьте эту строку в файл config.js

config.removePlugins= 'toolbar'

Ответ 3

Я добавил новую функцию в свой проект для скрытия/показа панели инструментов.

function onClickToolbarButton() {
    var bar = document.getElementById("cke_1_top");
    if(bar.style.display == "none"){
        bar.style.display = "block";
    }else{
        bar.style.display = "none";
    }

    //resize web page
    //onresize();
}

Ответ 4

В CKEditor 4.9.2:

Когда вы создаете экземпляр редактора, установите параметр панели инструментов:

CKEDITOR.replace( 'editor1', {
    ...
    toolbar: []
});

Ответ 5

Я выключил все, кроме курсива, выделенного жирным шрифтом и подчеркнутым в этом конфиге:

CKEDITOR.editorConfig = function( config ) {
    config.autoParagraph = false;
    config.toolbarGroups = [
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    ];

    config.removeButtons = 'Strike,Subscript,Superscript,RemoveFormat';
};

Ответ 6

Я видел два способа:

1) Используя опцию removePlugins и просто удалите панель инструментов:

CKEDITOR.inline( 'textarea', {
    removePlugins: 'toolbar',
    allowedContent: 'p h1 h2 strong em; a[!href]; img[!src,width,height];'
} );

2) Использование CSS - не стандартный подход: (немного хитро)

Просто сделайте css для отображения: нет панели инструментов, как

.cke_inner {
    display: none;
}

Надеюсь, это кому-нибудь поможет.