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替换为我的textarea的id textbox

将ckeditor文本提取到新div

2 个答案: