Insert Html Programmatically In Wysihtml5 Editor

I found javascript wysiwyg editor wysiHTML5. I'm trying to add element to the editor or just turn on bold programmatically. My code is: var editor = new wysihtml

Solution 1:

Actually no, but you have to be sure that your textarea (iframe) is focused. Try to use on instead of observe. Here is a sample code that worked for me with insertHTML.

editor.on("load", function() {
  editor.focus();
  editor.composer.commands.exec("insertHTML","<a href=....>text</a>");
});

Solution 2:

mateusmaso's solution gave me the following error:

NS_ERROR_FAILURE: Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMHTMLDocument.execCommand]
[Break On This Error]   

Object.defineProperty(object, property, config);

So I've investigated some more and found the following solution, which (IMO) seems more ok:

var value = 'whatever you want to set';
// The jQuery reference to the textareavar$ta = $('textarea#your-selector');
// The reference to the wysihtml5 editor - everything is contained within it var w5ref = $ta.data('wysihtml5');
// Check if you have itif(w5ref){
   // if yes it's really an enhanced / wysihtml5ed textarea // and use its setter
   w5ref.editor.setValue(value);
} else {
   // otherwise just simply populate the textarea as you normally would$ta.html(value);
}

Source

Solution 3:

assuming you have instantiated the editor previously using $('#textarea-id').wysihtml5()

$('#textarea-id').data("wysihtml5").editor.setValue('new content');

font