सम्मिलित एचटीएमएल प्रोग्राम के WYSIHTML5 संपादक

Question

में मैं जावास्क्रिप्ट wysiwyg संपादक wysiHTML5 पाया।

मैं संपादक के लिए तत्व <a href=...> जोड़ने के लिए या सिर्फ प्रोग्राम के बोल्ड पर बारी कोशिश कर रहा हूँ।

मेरे कोड है:

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

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

Am मैं कुछ गलत कर?

Answer 1

वास्तव में कोई है, लेकिन आप सुनिश्चित करें कि आपके पाठ क्षेत्र (आइफ्रेम) केंद्रित है रहना होगा। observe के बजाय on का उपयोग करने का प्रयास करें। यहां एक नमूना कोड है जो मेरे लिए insertHTML के साथ काम करता है।

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

Answer 2

mateusmaso के समाधान मुझे निम्न त्रुटि दिया:

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

Object.defineProperty(object, property, config); 

तो मैं कुछ और जांच की है और निम्नलिखित समाधान है, जो (IMO) अधिक ठीक लगता है पाया:

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

मानते हुए कि आपके संपादक पहले 0 का उपयोग कर instantiated है

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

font