javascript – 如何从TinyMCE Editor中提取HTML内容

前端之家收集整理的这篇文章主要介绍了javascript – 如何从TinyMCE Editor中提取HTML内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 Javascript / TinyMCE的初学者,我尝试了解如何从编辑器获取HTML内容,并使用简单的alert()函数显示.

我的HTML页面上有这个简约的配置:

<div id="tiny">
<script type="text/javascript">
tinyMCE.init({
        // General options
        mode : "specific_textareas",editor_selector : "mceEditor"
});
</script>
</div>

<form method="post" action="somepage">
        <textarea id="myarea1" class="mceEditor">This will be an editor.</textarea>
</form>

TinyMCE Website,他们解释说我必须使用这个:

// Get the HTML contents of the currently active editor
console.debug(tinyMCE.activeEditor.getContent());

还有here

tinymce.activeEditor.getContent()

我不知道为什么它不起作用

有人有想法?

解决方法

我不知道为什么它不起作用

它不工作,因为

console.debug(tinyMCE.activeEditor.getContent());

tinymce.activeEditor.getContent();

这些声明没有被执行.

尝试跟随这个FIDDLE ….

tinyMCE.init({
        // General options
        mode : "specific_textareas",editor_selector : "mceEditor"
});

获取内容功能….

function get_editor_content() {
  // Get the HTML contents of the currently active editor
  console.debug(tinyMCE.activeEditor.getContent());
  //method1 getting the content of the active editor
  alert(tinyMCE.activeEditor.getContent());
  //method2 getting the content by id of a particular textarea
  alert(tinyMCE.get('myarea1').getContent());
}

获取按钮上的编辑内容点击…

<button onclick="get_editor_content()">Get content</button>
原文链接:https://www.f2er.com/js/152944.html

猜你在找的JavaScript相关文章