javascript onkeypress错误直播预览文本CKEditor没有文本区域
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript onkeypress错误直播预览文本CKEditor没有文本区域相关的知识，希望对你有一定的参考价值。
我有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>
我用这个代码
答案
尝试使用像这样的代码（这是一个很好的起点）：
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没有文本区域的主要内容，如果未能解决你的问题，请参考以下文章
Onkeypress事件Javascript spacekey事件验证（整数，空格）文本框。