如何用jQuery替换wysiwyg textarea的值?

时间:2016-08-12 18:57:11

标签: jquery textarea wysiwyg

我使用带有来自Themeforest的Simpla Admin的所见即所得的textarea(我不知道这最后是否相关)。

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

我想改变&#34;你好&#34;用&#34;测试&#34;使用jQuery:

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

但是现在整个所见即所得的物体完全消失了,我只看到&#34;测试&#34;。

我可以做些什么来保持所见即所得编辑器并进入这个编辑器的价值&#34;测试&#34;?

3 个答案:

答案 0 :(得分:1)

由于我没有使用所见即所得工具,所以我说不清楚,但我可以告诉你如何找到它!

你可能正在使用一个javascript插件,它使用.wysiwyg类转换textarea并对其进行转换,以便将小部件附加到其中。

要找到包含HTML内容的真实元素(您希望使用其中的wysiwyg进行更改),请按F12(或任何开发工具)使用Google Chrome开发工具,然后浏览HTML文档以查找哪些元素是& #34;真&#34;包含HTML内容。然后,您可以像在示例中一样直接更改HTML,但使用正确的选择器!

希望它有所帮助!

答案 1 :(得分:0)

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

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

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

答案 2 :(得分:0)

env.emailsdl