HTML programmatisch in wysiHTML5 Editor einfügen

Question

Ich habe Javascript wysiwyg Editor wysiHTML5 gefunden.

Ich versuche, Element <a href=...> zum Editor hinzuzufügen oder nur fett programmgesteuert aktivieren.

Mein Code ist:

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

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

Bin ich etwas falsch?

Answer 1

Eigentlich nicht, aber Sie müssen sicher sein, dass Ihr Textbereich (iframe) konzentriert ist. Versuchen Sie on anstelle von observe zu verwenden. Hier ist ein Beispielcode, der für mich mit insertHTML funktioniert hat.

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

Answer 2

-Lösung mateusmaso gab mir die folgende Fehlermeldung:

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

Object.defineProperty(object, property, config); 

Also habe ich einige mehr untersucht und fanden die folgende Lösung, die (IMO) mehr in Ordnung scheint:

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

vorausgesetzt, Sie haben den Editor zuvor mit 0 instanziiert

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

font