Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to clear ckeditor with jquery

How can i clear the ckeditor textarea with jquery at the click of a button/link?

I have tried this : $("textarea.editor").val(''); and $("textarea.editor1").val(''); i tried with the 1 at the end because of this line when init the editor $ckeditor->editor('editor1', $nDetails); in PHP

Any help would be greatly appreciated.

<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>
like image 551
user875293 Avatar asked Oct 13 '11 16:10

user875293


People also ask

Does CKEditor use jQuery?

Thanks to these changes CKEditor 4 automatically works with the official jQuery Form Plugin for Ajax-based forms. It does not require any action from the developer's side to support it.

How do I reinitialize CKEditor?

CKEDITOR. replace('editor1'); CKEDITOR. instances['editor1']. setData("MY HTML DATA");

How do I reset CKEditor in react?

I'd set empty data to the editor first and call editor. updateElement() to reset both field and the editor: ... onClick="CKEDITOR.


2 Answers

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

Where editor1 is the id of your CKEDITOR field

like image 159
ghostCoder Avatar answered Oct 18 '22 22:10

ghostCoder


The below code clears the value in the ckeditor textarea. This will works 4.4 version also.

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

Content is the id of the particular text-area.

like image 18
Aarthi Chandrasekaran Avatar answered Oct 18 '22 22:10

Aarthi Chandrasekaran