CKEditor插入HTML

时间:2015-01-06 14:07:46

标签: javascript html ckeditor

  1. 我有数据库中的数据。
  2. 在我的js文件中,我想更改我的CKEditor文本编辑器的值。
  3. 我的价值是原始的HTML。
  4. 我希望将这个原始值写在空的CKEditor文本编辑器上。
  5. 我试过这些但是一直有一个未定义的函数错误:

    CKEDITOR.instances.myEditorID.insertHtml( '<p>This is a new paragraph.</p>' );
    CKEDITOR.instances.myEditorID.setData( '<p>This is the editor data.</p>' );
    

    我也试过这个,但仍未定义函数错误:

    CKEDITOR.instances.YOUREDITORID.updateElement();
    alert( document.getElementById( 'YOUREDITORID' ).value );
    

    我尝试编辑&#39;编辑器&#39;编辑器&#39;编辑器&#39;而不是myEditorID。但仍然不适合我。

    提前致谢。

    --- ---更新

    这是我的ckeditor文本编辑器的html:

    <textarea id="myEditorID" name="myEditor"></textarea>
    <script type="text/javascript">
        $(function () {
            var myEditor = $('#myEditorID');
            myEditor.ckeditor({ 
            height: 200, 
            extraPlugins: 'charcount', 
            maxLength: 2000, 
            toolbar: 'TinyBare', 
            toolbar_TinyBare: [
                 ['Bold','Italic','Underline'],
                 ['Undo','Redo'],['Cut','Copy','Paste'],
                 ['NumberedList','BulletedList','Table'],['CharCount']
            ] 
            }).ckeditor().editor.on('key', function(obj) {
                if (obj.data.keyCode === 8 || obj.data.keyCode === 46) {
                    return true;
                }
                if (myEditor.ckeditor().editor.document.getBody().getText().length >= 2000) {
                    alert('You have reached the maximum char length');
                    return false;
                }
            });
        });
    </script>
    

2 个答案:

答案 0 :(得分:9)

  

我尝试编辑&#39;编辑器&#39;编辑器&#39;编辑器&#39;而不是myEditorID。但仍然   不适合我。

您需要查看页面的HTML并查看编辑器的ID字段。它会是这样的

<textarea id="my_editor"></textarea>

这个id属性需要在这里进行

CKEDITOR.instances.my_editor.insertHtml('<p>This is a new paragraph.</p>');

答案 1 :(得分:0)

如果您有喜欢的CKeditor

<textarea id="user_body"></textarea>

要插入数据,请使用以下代码行

CKEDITOR.instances["user_body"].insertHtml('');

希望它会为您工作。谢谢