如何使用jquery清除ckeditor

Question

如何在点击按钮/链接时使用jquery清除ckeditor文本区?

我已经尝试过了:$("textarea.editor").val('');和$("textarea.editor1").val('');我在最后尝试了1，因为这行在PHP中初始化编辑器$ckeditor->editor('editor1', $nDetails);

任何帮助都将是非常感激的。

<p>Details: 
    <?php
    // Helper function for this sample file.
    function printNotFound( $ver )
    {
        static $warned;
        if (!empty($warned))
            return;
        echo '<p><br><strong><span class="error">Error</span>: '.$ver.' not found</strong>. ' .
            'This sample assumes that '.$ver.' (not included with CKFinder) is installed in ' .
            'the "ckeditor" sibling folder of the CKFinder installation folder. If you have it installed in ' .
            'a different place, just edit this file, changing the wrong paths in the include ' .
            '(line 57) and the "basePath" values (line 70).</p>' ;
        $warned = true;
    }

    include_once '../ckeditor/ckeditor.php' ;
    require_once '../ckfinder/ckfinder.php' ;
    // This is a check for the CKEditor class. If not defined, the paths in lines 57 and 70 must be checked.
    if (!class_exists('CKEditor'))
    {
        printNotFound('CKEditor');
    }
    else
    {
        $initialValue = $pageContent;
        $ckeditor = new CKEditor( ) ;
        $ckeditor->basePath = '../ckeditor/' ;
        // Just call CKFinder::SetupCKEditor before calling editor(), replace() or replaceAll()
        // in CKEditor. The second parameter (optional), is the path for the
        // CKFinder installation (default = "/ckfinder/").
        CKFinder::SetupCKEditor( $ckeditor, '/ckfinder/' ) ;
        $ckeditor->editor('editor1', $nDetails);
    }
    ?></p>

Answer 1

CKEDITOR.instances.editor1.setData('');

其中editor1是CKEDITOR字段的id

Answer 2

下面的代码清除ckeditor文本区域中的值。

      CKEDITOR.instances['content'].setData('');

Content是特定文本区域的id

Answer 3

尝试一下可能会有帮助。

function CKupdate(){
    for ( instance in CKEDITOR.instances ){
        CKEDITOR.instances[instance].updateElement();
    }
    CKEDITOR.instances[instance].setData('');
}   
$.ajax({
   url: $('#CommunicationForm').attr("action"),
   type: $('#CommunicationForm').attr("method"),
   data: $('#CommunicationForm').serialize(),
   success: function (e) {
       if (e.error) {
          alert(e.error);
       } else {
          //Doing Clear here                          
          CKupdate();
       }
   },
   error: function (jqXHR, Status, text) {
        alert("error! " + text);
   }   
});

当您想要清除CKEditor文本时，调用CKupdate()函数

Answer 4

这是清除CK编辑器数据的最好方法

CKEDITOR.instances['yourCKeditorID'].setData('');

Answer 5

在我的代码中，我不得不以编程方式改变ckeditor中的文本，但它没有工作，直到我做了一个延迟的集合。这可能有帮助。

_.defer(function () {
    it._controls.wysiwyg.setData(bodyText); // by the direct reference
    //CKEDITOR.instances.editor1.setData(''); // or this way like in the example
}); 

Answer 6

你可以这样做:

        $(".ck-blurred p").html("") //empty ckeditor