首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >TinyMCE 4:如何从同一个页面上有许多DIV内联编辑器的页面中获取真实的HTML内容?(保存到1个文件)

TinyMCE 4:如何从同一个页面上有许多DIV内联编辑器的页面中获取真实的HTML内容?(保存到1个文件)
EN

Stack Overflow用户
提问于 2014-11-03 22:09:13
回答 1查看 10.1K关注 0票数 0

在我的CMS中,我在一个带有内联TinyMCE的HTML页面上有许多DIVs。每个DIV都有自己的实例(#mce_0和#mce_{随机数})

每个可编辑的DIV都在一个带有特定ID (#MyWrapper)的包装DIV (不可编辑)中。

#MyWrapper (所有编辑器DIVs)中的所有内容都应该保存到一个文件中。

当我使用javascript从#MyWrapper内部获取html时,效果很好,只是在编辑器中使用了HTML,而不是我想要的真正的HTML。例如,iframes (YouTube-视频)被制作成一个示例-图像,而不是真正的iframe。

因此,我尝试从编辑器中获取HTML代码(与单击编辑器中的“源代码”时显示的相同)。

但我没有成功。

下面是我现有的(工作,但没有得到真正的HTML)脚本的工作方式:

1)获取#MyWrapper中的所有HTML内容

2) Jquery:将它添加到一个名为#ForSaving的不可编辑隐藏的DIV中,这样我就可以轻松地访问保存它。

3)然后有一个javascript将其保存到文件中。

今天,任务#1 (上面)是使用以下方法解决的:

代码语言:javascript
运行
复制
jQuery("#ForSaving").html(jQuery(".MyWrapper").html());

但是我应该有一个解决方案,从DIVs中的多个内联编辑器获得真正的HTML。

我尝试过tinymce.get(‘.’);等等,但是我无法从多个编辑器获得HTML。

任何帮助都是非常感谢的。:-)

添加:我通过搜索"tinymce多个实例getcontent“发现了这一点:How to get tinyMCE content from more than one text area

Thariama添加了一个回复,告诉您使用以下内容:

代码语言:javascript
运行
复制
for (i=0; i < tinyMCE.editors.length; i++){
    var content = tinyMCE.editors[i].getContent();
    alert('Editor-Id(' + tinyMCE.editors[i].id + '):' + content);
}

但是,我不明白如何将它与以下内容结合起来:

代码语言:javascript
运行
复制
jQuery("#ForSaving").html(jQuery(".MyWrapper").html());

我不是很擅长javascript编码。

我恳请你帮我把这些组合起来。谢谢:-)

EN

回答 1

Stack Overflow用户

发布于 2014-11-03 22:19:24

你不应该直接用数据库吗?很肯定你是在暴露自己的巨大安全漏洞,因为你允许这样的储蓄。

http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.getContent

直接从网站~

代码语言:javascript
运行
复制
// Get the HTML contents of the currently active editor
console.debug(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()
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26724176

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档