Search code examples
javascriptjquerywysiwygjwysiwygcleditor

Add html to WYSIWYG from outside the editor (jQuery, ClEditor)

I'm trying to add some html markup to the WYSIWYG CLEditor from outside of the editor itself using jQuery.

So far I have... 

$('.add-image').click(
    function()
    {
        theurl = $(this).text();
        theimage = '<a href="' + theurl + '" class="lightbox"><img src="' + theurl + '" /></a>';
        // Now What? 
    }
);

But I'm at a loss as to how to add the string in to the WYSIWYG and it's starting to drive me crazy!

Solution

  • This will overwrite:

    $("#inputID").val(theimage); 
$("#inputID").cleditor()[0].updateFrame();

    This will append:

    currentval = $("#inputID").val();
$("#inputID").val(theimage);
$("#inputID").val(currentval + theimage);

    Or maybe try this:

    $('#inputID').val('new text data').blur();

    Where inputID is the ID of your CLEditor input.

    Also, this has some discussion around this:

    CLEditor dynamic adding text