2016-10-06 3 views
2

Я использую встроенный редактор ckeditor для создания содержимого html. Как я могу сделать это только для чтения и показывать только контент для режима предварительного просмотра. Я попробовал следующую конфигурацию, но она не работает для меня.CKeditor Сделать встроенный редактор readonly

this.editorInstance.setReadOnly(true); 

Здесь this.editorIntance - мой редактор. Я хочу показывать только контент в режиме предварительного просмотра и не хочу показывать панель инструментов редактора.

ответ

1

Используйте следующий скрипт, чтобы сделать CKeditor только для чтения. Передайте аргумент «true» или «false» в toggleReadOnly, чтобы сделать ckeditor отключенным или включенным соответствующим образом.

var editor; 

// The instanceReady event is fired when an instance of CKEditor has finished 
// its initialization. 
CKEDITOR.on('instanceReady', function (ev) { 
    editor = ev.editor; 

    // Show this "on" button. 
    document.getElementById('readOnlyOn').style.display = ''; 

    // Event fired when the readOnly property changes. 
    editor.on('readOnly', function() { 
     document.getElementById('readOnlyOn').style.display = this.readOnly ? 'none' : ''; 
     document.getElementById('readOnlyOff').style.display = this.readOnly ? '' : 'none'; 
    }); 
}); 

function toggleReadOnly(isReadOnly) { 
    // Change the read-only state of the editor. 
    // http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-setReadOnly 
    editor.setReadOnly(isReadOnly); 
} 

Пожалуйста, обратитесь рабочую демку: https://jsfiddle.net/rbua57pq/3/

+0

я попытался это, но он не работает в инлайн редакторе. –

+0

да, он работает. но вы используете базовый редактор, можете ли вы попробовать встроенный редактор. link

+0

@GiteshPurbia Проверьте мою обновленную скрипку. Я использовал ваш

, и он отлично работает там –

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