关键词：
【中文标题】从 TinyMCE 文本区域获取值【英文标题】：Getting the value from a TinyMCE textarea 【发布时间】：2011-09-26 08:58:16 【问题描述】：我的网站有一个新闻编辑器，我正在使用 TinyMCE。我想要做的是有一个按钮（在 TinyMCE 编辑器本身之外），我可以单击该按钮以扫描文本区域中的任何图像，然后将这些图像列为选项以用于所述新闻文章的缩略图。
要了解我的意思，请在此处查看此链接：https://docs.google.com/leaf?id=0B05m73kzudwPNzUwZjkyNmItYjZkMy00NTdlLTlkNDctOGRhYThjMzNjNTM5&hl=en_US
我的问题是当文本区域中有文本时 document.getElementById('NewsArticle').value 没有返回任何内容
另一个潜在的问题是文本区域中显示的不是实际代码，而是图像等，所以我不确定它是否会首先工作，但是自从提交表单时数据[新闻] [article] 值重新变成文本，我认为可能有机会。
如果有人知道如何获取 tinyMCE 文本区域的内容或代码，或者有更好的解决方案，我很想听听
【问题讨论】：
检查此答案以将 tinymce 的值传输到原始 textarea。***.com/a/69883895/12910765 【参考方案1】：TinyMce 有 an 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()
【讨论】：
非常感谢，我觉得一定有办法！ 说真的，你是个救命稻草【参考方案2】：使用以下语法，这将从您的输入文本区域中删除不需要的字符....
(((tinyMCE.get('YourTextAreaId').getContent()).replace(/( )*/g, "")).replace(/(<p>)*/g, "")).replace(/<(\/)?p[^>]*>/g, "");
【讨论】：
我会将它包装在一个函数中并将文本传递给它，但 +1 是为了努力。【参考方案3】：试试
window.parent.tinymce.get('contentID').getContent();
由于某种原因，标准的tinymce.get() 调用对我不起作用，所以我尝试了这个并且它起作用了。 :)
【讨论】：
非常感谢。我一直在与多个编辑器作斗争，您的这段代码对我来说非常有效！【参考方案4】：var temp = tinymce.get('textAreaName').save();
console.log(temp);
或
var temp =tinymce.get('textAreaName').getContent();
console.log(temp);
【讨论】：
【参考方案5】：可能你有类似的东西
<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 捕获数据。
【讨论】：
为啥tinymce没有出现在动态添加的文本区域
】为啥tinymce没有出现在动态添加的文本区域【英文标题】：whyistinymcenotshowinguponadynamicallyaddedtextarea为什么tinymce没有出现在动态添加的文本区域【发布时间】：2016-09-2104:52:39【问题描述】：最近，我使用jquery、php和mysql完成了我... 查看详情
TinyMCE 在动态生成的文本区域上不可点击和编辑
】TinyMCE在动态生成的文本区域上不可点击和编辑【英文标题】：TinyMCEnotclickableandeditableondynamicallygeneratedtextarea【发布时间】：2019-12-2914:38:45【问题描述】：我有一组div元素用于旅行行程。我使用添加新按钮重复输入组。在每组... 查看详情
Tinymce 文本区域通过拖动底部状态栏调整大小
】Tinymce文本区域通过拖动底部状态栏调整大小【英文标题】：Tinymcetextarearesizingwithdraggingbottomstatusbar【发布时间】：2020-10-1919:48:30【问题描述】：我是WordPress新手。有没有办法通过拖动底部边框线来调整TinyMCE文本区域的大小？... 查看详情
如何使用 jquery 将 html 加载到 TinyMCE 文本区域中
】如何使用jquery将html加载到TinyMCE文本区域中【英文标题】：HowtoloadhtmlusingjqueryintoaTinyMCEtextarea【发布时间】：2010-12-0714:58:08【问题描述】：我有一个使用TinyMCE作为所见即所得的文本区域。一旦加载了这个文本区域，我想要它，... 查看详情
如何在 TinyMCE 文本区域中设置初始文本？
】如何在TinyMCE文本区域中设置初始文本？【英文标题】：HowtosettheinitialtextinaTinyMCEtextarea?【发布时间】：2010-10-0401:02:52【问题描述】：我处于一种奇怪的情况，以前我在实现我所寻找的东西时没有任何问题。以下代码是托管TinyMC... 查看详情
带有 TinyMCE 的文本区域。提交按钮不起作用
】带有TinyMCE的文本区域。提交按钮不起作用【英文标题】：TextareawithTinyMCE.submitbuttonwon\'twork【发布时间】：2015-11-1307:31:27【问题描述】：您好，我正在使用TinyMCE制作一个带有textarea的表单，当我按下提交按钮将其发送到phpDB时，... 查看详情
ASP.NET CodeBehind 无法识别 TinyMCE 文本区域更改
】ASP.NETCodeBehind无法识别TinyMCE文本区域更改【英文标题】：TinyMCETextareaChangeNotRecognizedbyASP.NETCodeBehind【发布时间】：2011-05-1414:02:54【问题描述】：我在一个页面上有几个<asp:TextBoxTextMode="MultiLine">元素。在加载时... 查看详情
在代码隐藏中获取文本区域
】在代码隐藏中获取文本区域【英文标题】：Gettextareaincodebehind【发布时间】：2012-07-2111:59:51【问题描述】：我正在尝试使用以下代码从后面的代码中获取textarea值。HtmlTextAreabodytextarea=newHtmlTextArea();bodytextarea=(HtmlTextArea)(this.FindCon... 查看详情
如何从模型+模型表单中获取文本区域？
】如何从模型+模型表单中获取文本区域？【英文标题】：HowcanIgetatextareafrommodel+ModelForm?【发布时间】：2012-02-0409:00:48【问题描述】：models.py=>fromdjango.dbimportmodelsfromdjango.formsimportModelFormfromdatetimeimportdateimportdatetimefromdjangoimportf 查看详情
Angularjs使用选项从模板添加值创建文本区域
】Angularjs使用选项从模板添加值创建文本区域【英文标题】：AngularjsCreatetextareawithoptionaddvaluefromtemplate【发布时间】：2018-01-0106:03:05【问题描述】：我正在尝试创建一个表单文本区域，用户可以在其中键入文本并可以选择一些预... 查看详情
从 Jquery Ajax 调用中设置 CodeMirror 文本区域的值
】从JqueryAjax调用中设置CodeMirror文本区域的值【英文标题】：SetValueofCodeMirrortextareafromJqueryAjaxCall【发布时间】：2013-07-0602:39:02【问题描述】：我试图从Jquery中的Ajax调用中获取一个值，以获取正在使用CodeMirror脚本的Textarea的value属... 查看详情
从文本区域获取文本时如何保留换行符？
】从文本区域获取文本时如何保留换行符？【英文标题】：HowdoIpreservelinebreakswhengettingtextfromatextarea?【发布时间】：2017-03-1723:36:36【问题描述】：当用户点击提交时，我在文本区域中获取值。然后我把这个值放在页面的其他地方... 查看详情
以编程方式将数据加载到 TinyMCE
】以编程方式将数据加载到TinyMCE【英文标题】：LoaddataintoTinyMCEprogrammatically【发布时间】：2019-05-3004:28:46【问题描述】：我想使用tinyMCE增强多个文本区域。我可以通过在页面中的所有文本区域上初始化TinyMCE来将文本区域显示为... 查看详情
如何从 jquery 的文本区域中获取选定的文本？ [复制]
】如何从jquery的文本区域中获取选定的文本？[复制]【英文标题】：Howtogetselectedtextfromatextareainjquery?[duplicate]【发布时间】：2013-04-0820:10:07【问题描述】：如果我从文本区域中选择文本，我需要知道选择了哪个文本，例如“hellowor... 查看详情
从 textarea 高度更改 TinyMCE 输入高度
】从textarea高度更改TinyMCE输入高度【英文标题】：ChangeTinyMCEinputheightfromtextareaheight【发布时间】：2012-04-0808:49:44【问题描述】：我的表单使用输入和文本区域，其中一些我已添加为TinyMCE元素。问题是输入被转换为与文本区域相... 查看详情
ko.JS 数据绑定从文本区域获取输入 - 不捕获 /n
】ko.JS数据绑定从文本区域获取输入-不捕获/n【英文标题】：ko.JSdatabindingtofetchinputfromTextArea-Notcapturing/n【发布时间】：2017-02-1311:21:29【问题描述】：下面是我的文本区域代码。<div><textareadata-bind="value:environment"rows="10"cols="20... 查看详情
HTML5如何从文本区域中获取选定的文本
】HTML5如何从文本区域中获取选定的文本【英文标题】：HTML5howtogetselectedtextoutofatextarea【发布时间】：2014-05-2603:26:37【问题描述】：我能够通过每次记录onselect并存储开始和结束来从文本区域中获取突出显示的文本。然后，当我... 查看详情
获取动态生成的文本区域的值
】获取动态生成的文本区域的值【英文标题】：Getvaluesoftextareasgenerateddynamically【发布时间】：2011-02-0122:01:42【问题描述】：在下面的代码中，textareas是动态生成的，现在如何在valid()函数中获取这些值进行验证..<script>functionv... 查看详情