daemonsvk daemonsvk - 1 month ago 23
Javascript Question

Insert HTML programatically in wysiHTML5 editor

I found javascript wysiwyg editor wysiHTML5.

I'm trying to add element

<a href=...>
to the editor or just turn on bold programatically.

My code is:

var editor = new wysihtml5.Editor("textarea", {
toolbar: "toolbar",
stylesheets: "css/wysihtml5.css",
parserRules: wysihtml5ParserRules
});

editor.observe("load", function() {
editor.composer.commands.exec("bold");
});


Am I doing something wrong?

Answer

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>");
});
Comments