Question

我有CKEditor WYSIWYG我想在另一个div中打印内容但是所有的尝试都失败了因为这个盒子不是textarea 请帮忙。我用过这段代码

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

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

您还可以向body CKEditor添加id

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

并打印id div

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

我使用此代码

http://jsfiddle.net/m7mdq8vs/

Answer 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事件。

javascript onkeypress错误直播预览文本CKEditor没有文本区域

1 个答案: