从TinyMCE文本区域获取值

Getting the value from a TinyMCE textarea

本文关键字:获取 区域 文本 TinyMCE      更新时间:2023-09-26

我的网站有一个新闻编辑器,我正在使用TinyMCE。我想做的是有一个按钮(在TinyMCE编辑器之外),我可以点击它来扫描文本区域中的任何图像,然后将这些图像列为用于所述新闻文章缩略图的选项。

要了解我的意思,请查看此处的链接:https://docs.google.com/leaf?id=0B05m73kzudwPNzUwZjkyNmItYjZkMy00NTdlLTlkNDctOGRhYThjMzNjNTM5&hl=en_US

我的问题是,当文本区域中有文本时,document.getElementById('NewsArticle').value没有返回任何内容

另一个潜在的问题是,文本区域中显示的不是实际的代码,而是图像等,所以我一开始甚至不确定它是否有效,但由于当表单提交时,数据[News][article]值会返回到文本中,我认为可能有机会。

如果有人知道如何获得tinyMCE文本区域的内容或代码,或者有更好的解决方案,我很想听听

TinyMce有一个从编辑器访问内容的api。

此代码将从活动编辑器中获取html:

// Get the HTML contents of the currently active editor
tinyMCE.activeEditor.getContent();
// Get the raw contents of the currently active editor
tinyMCE.activeEditor.getContent({format : 'raw'});
// Get content of a specific editor:
tinyMCE.get('content id').getContent()

使用以下语法,它将从输入文本区域中删除不需要的字符。。。。

(((tinyMCE.get('YourTextAreaId').getContent()).replace(/(&nbsp;)*/g, "")).replace(/(<p>)*/g, "")).replace(/<('/)?p[^>]*>/g, "");

尝试

window.parent.tinymce.get('contentID').getContent();

出于某种原因,股票标准的tinymce.get()调用对我不起作用,所以我尝试了这个,它起作用了。:)

var temp = tinymce.get('textAreaName').save();
console.log(temp);

OR

var temp =tinymce.get('textAreaName').getContent();
console.log(temp);

可能你有类似的东西

<form>
  <textarea id="myArea">Hello, World!</textarea>
</form>

你应该简单地添加如下

<form method="post">
  <textarea id="myArea" name="value">Hello, World!</textarea>
  <input type="submit">
</form>

您可以在myArea var下使用PHP捕获数据。