2011-05-30 105 views
4

我一直在努力设置JHTML区域的值。但没有运气。任何人都可以请帮助我。我已阅读了很多文章,但我没有找到任何关于它的文章。我也在这里搜索,发现一个问题,但没有解决它。如何在JHTMLarea中动态设置值

任何帮助,将不胜感激。

感谢和问候,

Zeeshan

回答

4

我已经解决了它。在调用textarea上的JHTMLArea方法之前,先复制textarea中的值,然后应用htmlarea函数。

$("#txtNotes").val($('#hdnNotesDescription').val()); 

      $("#txtNotes").htmlarea(
       { 
        // Override/Specify the Toolbar buttons to show 
        toolbar: ["bold", "italic", "underline", "link", "unlink", "orderedlist", "unorderedlist", "indent", "outdent", "justifyleft", "justifycenter", "justifyright"], 
        toolbarText: $.extend({}, jHtmlArea.defaultOptions.toolbarText, 
        { 
         "bold": "Bold", 
         "italic": "Italic", 
         "underline": "Under Line", 
         "link": "Hyperlink", 
         "unlink": "Remove Hyperlink", 
         "orderedlist": "Numbering", 
         "unorderedlist": "Bullets", 
         "indent": "Increase Indent", 
         "outdent": "Decrease Indent", 
         "justifyleft": "Align Text Left", 
         "justifycenter": "Center", 
         "justifyright": "Align Text Right" 
        }), 
        loaded:function(){        
        } 
       }); 
+0

感谢您的回答。你的逻辑完美运作。 – 2012-07-28 12:36:33

0

有一个适当的调用来做到这一点。使用this.pasteHTML("Text to enter"); 这将以编程方式将文本插入到编辑器中。

例如

loaded:function(){ 
     this.pasteHTML("Hello World");        
    } 
+0

我已经使用过它,但没有给出正确的结果。这就是为什么我以这种方式使用它,并完成工作。 – Zeeshan 2011-06-03 04:10:30

1

如果你不能用“装”事件,你也可以试试这样:

$('textarea').htmlarea('pasteHTML','<h1>some <b>HTML</b> you want to add</h1>'); 

这将插入在当前光标处的文本。

祝你好运, 塔马斯

0

我这个挣扎,发现很少有帮助的答案... harman_kardon接近......但最终我成功了用:

loaded:function(){ 
    this.html(variable_containing_html);        
} 
0

我试着通过使用jQuery点击按钮来加载html内容,我有了可以以任何顺序在jHhtmlArea中加载的html内容列表。

利用塔马斯的想法尝试过,但他的代码只追加内容到jHtmlArea但我想以前的内容被删除,所以我尝试这样做如下─

$('textarea').htmlarea('html','<h1>some <b>HTML</b> you want to add</h1>'); 

这样取出先前的内容与所装载的新的内容。

希望它可以帮助别人。