Insertar HTML programáticamente en el editor wysiHTML5

Question

Encontré el editor javascript wysiwyg wysiHTML5.

Estoy tratando de agregar el elemento <a href=...> al editor o simplemente activar negrita programáticamente.

Mi código es:

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

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

estoy haciendo algo mal?

Answer 1

Actualmente no, pero debe asegurarse de que su área de texto (iframe) esté enfocada. Intente utilizar on en lugar de observe. Aquí hay un código de muestra que me funcionó con insertHTML. solución

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

Answer 2

de mateusmaso me dio el siguiente error:

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

Object.defineProperty(object, property, config); 

Así que he investigado un poco más y encontró la siguiente solución, que (OMI) parece más bien:

var value = 'whatever you want to set'; 
// The jQuery reference to the textarea 
var $ta = $('textarea#your-selector'); 
// The reference to the wysihtml5 editor - everything is contained within it 
var w5ref = $ta.data('wysihtml5'); 
// Check if you have it 
if(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

Answer 3

asumiendo que ha creado una instancia del editor utilizando previamente $('#textarea-id').wysihtml5()

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

font