Wstawianie HTML programowo w edytorze wysiHTML5

Question

Znalazłem javascript edytor WYSIWYG wysiHTML5.

Próbuję dodać element <a href=...> do edytora lub po prostu włączyć pogrubienie programowo.

Mój kod to:

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

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

robię coś źle?

Answer 1

Właściwie nie, ale musisz mieć pewność, że twoje pole tekstowe (iframe) jest skupione. Spróbuj użyć on zamiast observe. Oto przykładowy kod, który działał dla mnie z insertHTML. Rozwiązanie

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

Answer 2

mateusmaso dał mi następujący błąd:

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

Object.defineProperty(object, property, config); 

Więc ja zbadać jakiś bardziej i znalazł następujące rozwiązanie, które (IMO) wydaje się 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

przy założeniu, że wcześniej utworzono edytor przy użyciu $('#textarea-id').wysihtml5()

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

font