将 ckeditor 文本提取到新的 div

Question

我有一个选项卡，一个选项卡有 ck 编辑器，另一个选项卡有预览所以我想将文本从 ck 编辑器提取到预览部分(预览部分只不过是一个div(

    <div class="create-tab">
      <button class="tablinks" type="button" onclick="openCity(event, 'editor')">Editor</button>
      <button class="tablinks" type="button" id="preview" onclick="openCity(event, 'preview')">Preview</button>    
   </div>

     <div id="editor" class="tabcontent">
         <textarea name="eml_html" id="textbox"></textarea>
     </div>
     <div id="preview" class="tabcontent">
          <div id="preview-area"> </div>                      
     </div>

我试过这样做，但没有运气

脚本

       var editor = CKEDITOR.replace('textbox', { allowedContent:true, removePlugins:"about" }); 
        $('#preview').click(function(){
//            alert("test");
            var test = CKEDITOR.instances.yourEditorInstance.editable().getText();
            alert(test);
     });

因此，当我单击"预览"选项卡时，我什么也得不到。

Answer 1

尝试将yourEditorInstance替换为 editor 。看起来该行(设置测试变量(正在尝试访问未定义的属性yourEditorInstance。

Answer 2

我能够解决这个问题，所以这就是我在脚本部分所做的

     var editor = CKEDITOR.replace('textbox', { allowedContent:true, removePlugins:"about" }); 
            $('#preview').click(function(){
    //            alert("test");
     var test = CKEDITOR.instances.textbox.editable().getText(); //if you only want text 
//var test= KEDITOR.instances.textbox.getData(); //if you want everything
                alert(test);
         });

所以我所做的是将yourEditorInstance替换为我的文本区域的 ID，这是textbox