2011-05-30 98 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>'); 

這樣取出先前的內容與所裝載的新的內容。

希望它可以幫助別人。