javascript onkeypress error live live Предварительный просмотр текста CKEditor без текстовой области

У меня есть CKEditor WYSIWYG. Я хочу распечатать содержимое в другом div, но все попытки не увенчались успехом, потому что поле div, а не textarea, помогите. Я использовал этот код

var wpcomment = document.getElementById('CKEditordiv');

wpcomment.onkeyup = wpcomment.onkeypress = function(){
    document.getElementById('printdiv').innerHTML = this.value;
}

Также вы добавляете id в тело CKEditor

<body id="CKEditordiv" contenteditable="true" class="cke_editable cke_editable_themed cke_contents_ltr" spellcheck="false"><p><br></p></body>

и распечатать идентификатор div

<div id="image-holdere"></div>

я использую этот код

http://jsfiddle.net/m7mdq8vs/

Источник

1 ответ

Попробуйте использовать такой код (это хорошая отправная точка):

var editor = CKEDITOR.replace( 'editor1', {});
editor.on( 'instanceReady', function( evt ) {
    editor.on( 'saveSnapshot', function( e ) {                  
        document.getElementById( 'insert-here' ).innerHTML  = editor.getSnapshot();                 
    });
});         

editor.on( 'key', function( evt ) {
    document.getElementById( 'insert-here' ).innerHTML  =  editor.document.getBody().getHtml();
});

Вы можете поместить это прямо на HTML-странице. Если вам нужно просто набрать, вы можете использовать только key Однако, если вам нужно показать, какие плагины вставить, вам нужно использовать saveSnapshot событие также.

Источник
Другие вопросы по тегам