如何用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")