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

问题描述 投票:0回答:1

我有CKEditor WYSIWYG我想在另一个div中打印内容但是所有尝试都失败因为盒子是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/

javascript html ckeditor onkeypress
1个回答
0
投票

尝试使用像这样的代码(这是一个很好的起点):

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

© www.soinside.com 2019 - 2024. All rights reserved.