如何用jQuery替換wysiwyg textarea的值？

Question

我使用了從Themeforest的Simpla Admin中使用的wysiwyg類的textarea（我不知道這最後是否相關）。

<textarea name="message" id="targetText" class="wysiwyg">Hello</textarea> 

我想用改變「你好」和「測試」使用jQuery：

$("#message").html("Test") 

但現在整個所見即所得的對象完全消失了，我只看到「測試」。

我該怎麼做才能保留wysiwyg編輯器，並在編輯器中獲取「Test」值？

Answer 1

因爲我沒有你正在使用，所以我不能確切地告訴所見即所得工具，但我可以告訴你如何找到！

您可能正在使用一個JavaScript插件，它將.wysiwyg類中的textarea轉換並將其轉換爲它，以便在其中附加該小部件。

要找到含有HTML內容的真實元素（您想要使用您的wysiwyg進行更改），請按F12（或任何開發工具）使用Google Chrome開發工具，然後瀏覽HTML文檔以查找元素是什麼「真正」包含HTML內容。然後，您可以像在示例中那樣直接更改HTML，但使用正確的選擇器！

希望它有幫助！

Answer 2

$("#targetText").val("Test"); 

或

$('textarea[name="message"]').val("Test"); 

或

$('.wysiwyg').val("Test"); 

Answer 3

$("textarea#message").html("Test")