如何将TinyMCE文本的内容提取为HTML?

时间:2017-03-05 14:32:55

标签: javascript jquery html tinymce content-management-system

我正在使用TinyMCE,我只是想将内容提取为HTML标签,以便我可以在其他地方使用它们,在那里我尝试了很多没有好结果的东西。我怎么能这样做?

或者,如果您可以告诉我一种方法来获取JavaScript CDN中的id或其他内容?

Image

2 个答案:

答案 0 :(得分:0)

你的TinyMCE实例应该有一个与之相关的文本区域。例如,位于页面上的那个:

https://www.tinymce.com/

有一个id为mce_0的textarea。

如果右键单击并检查页面,则可以看到HTML结构并在TinyMCE div下面找到它。你会想要开始检查它们的工作方式:)

所以使用jquery:

$('#mce_0').val()

使用纯javascript:

document.getElementById('mce_0').value

只需要获得textarea:)

答案 1 :(得分:0)

默认情况下,TinyMCE仅在您执行标准表单提交时更新基础<textarea>

如果您想在任何时间点从编辑器获取当前数据,您需要在TinyMCE中使用get() API调用:

https://www.tinymce.com/docs/api/tinymce/root_tinymce/#get

您将<textarea>的ID作为字符串传递给此方法调用:

tinymce.get('mytextbox')

您还可以使用activeEditor方法获取当前活动编辑器的句柄:

tinymce.activeEditor

...但如果用户没有与编辑器交互或者页面上有多个,并且您需要定位除用户当前使用的编辑器实例之外的特定编辑器实例,那么这将无法工作交互。

如果您想强制TinyMCE更新基础<textarea>,您可以调用triggerSave方法:

https://www.tinymce.com/docs/api/tinymce/root_tinymce/#triggersave

这将使每个TinyMCE实例更新其基础<textarea>,此时您可以与基础<textarea>进行交互,确信它包含来自编辑器的最新数据。