Inserire HTML in modo programmatico nell'editor wysiHTML5

Question

Ho trovato l'editor javascript wysiwyg wysiHTML5.

Sto cercando di aggiungere l'elemento <a href=...> all'editor o semplicemente attivare in grassetto in modo programmatico.

Il mio codice è:

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

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

sto facendo qualcosa di sbagliato?

Answer 1

In realtà no, ma devi essere sicuro che la tua textarea (iframe) sia focalizzata. Prova a utilizzare on anziché observe. Ecco un codice di esempio che ha funzionato per me con insertHTML. soluzione

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

Answer 2

di mateusmaso mi ha dato il seguente errore:

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

Object.defineProperty(object, property, config); 

così ho indagato un po 'di più e ha trovato la soluzione seguente, che (IMO) sembra più ok:

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

assumendo di aver istanziato l'editor in precedenza utilizzando $('#textarea-id').wysihtml5()

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

font