jQuery的：巴蒂斯特富文本编辑器 - 如何更新内容？

StackOverflow https://stackoverflow.com/questions/733559

  •  06-09-2019
  •  | 
  •  

题

我使用这个轻量级的jQuery插件创建富文本编辑器：的巴蒂斯特RTE jQuery插件

作为一个更复杂的形式的一部分，我的功能的结算更改的，我希望能够为编辑也这么做。

我保持在一个变量的初始内容，我想要做的事，如： setContent（INITIAL_CONTENT），但我不能找到一种方法来访问RTE对象，因为 $("textarea").rte(some-options-here)返回textarea对象而非rte对象。

这是如何做到这一点任何想法？

有帮助吗？

解决方案

我只想重复一下肖恩说道这里，但我也想给在行动它的一个例子。请注意，这个例子做的事情之一是存储关闭INITIAL_CONTENT在一个全局变量，因为RTE控制代替textarea的，而不是隐藏它，我觉得这一点令人不安。

如果你担心它在一个全局变量是，你很可能存储初始内容关中DOM的一些成员创建完毕后，但是这可能不必要为您的目的。

你正在试图完成的例子： http://jsbin.com/ixipu

其他提示

在RTE替换的iframe textarea的，但保持相同的ID。要访问iframe的内容尝试这样的事情。

$("#textarea_ID").contents().find("body").html(INITIAL_CONTENT);

您可以从IFRAME抢身体，然后设置/获取内容：

var $R = function(sel, newContent) {
    return $('body', $(sel).contents()).html(newContent || undefined); 
};
var iframe = $('iframe.rte-zone')[0];
alert($R(iframe)); // alerts the RTE's content
$R(iframe, '<strong>Lorem <em>ipsum</em></strong>'); // sets the content of the RTE to "<strong>Lorem <em>ipsum</em></strong>"

您也可以有，如果你想看看一些范例。

干杯：）

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top