我们使用 Telerik 的 RadEditor 作为我们内容管理系统的所见即所得编辑器。我们需要 WYSIWYG 编辑器中的查找和替换功能也可以在 HTML 编辑器中。编辑器非常可定制,有人知道是否有办法启用或破解它吗?
4 回答
您正在寻找的内容没有内置功能。但是使用客户端 API 和一些 javascript,您可以连接您自己的按钮,使用editor.get_html()
andeditor.set_html()
函数进行查找和替换。然后您可以考虑使用一些 RegEx 或只是一个简单的 javascript .replace() 来进行查找和替换?
在他们的演示站点上有一个RadEditor ASP.NET Ajax 示例。
只需单击工具栏的第三个按钮即可测试“查找和替换”。
也看看这个示例页面。
它定义了这个工具栏
...
<telerik:EditorSeparator />
<telerik:editortool name="FindAndReplace" />
<telerik:editortool name="TableWizard" />
<telerik:editortool name="LinkManager" />
<telerik:editortool name="PageProperties" />
<telerik:EditorSeparator />
...
当编辑器处于 HTML 模式时,内容区域是一个简单的 <textarea> 元素。我认为按照设计,编辑器工具栏上的所有工具都在 HTML 模式下被禁用,因此您需要编写一些自定义 JavaScript 代码来实现查找和替换。您可以使用editor.get_textArea()获取对文本框的引用。从那里开始变得困难,因为我认为仅在 IE (selection.findText) 中支持在文本区域中搜索文本。
自 2010 年第二季度以来,在 Internet Explorer 中的 RadEditor 的 HTML 模式中启用了查找和替换按钮。由于浏览器的限制,Firefox 仍然不支持此功能。
http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx