如何让 TinyMCE 的用户改变背景？

Question

我的网站上有一个 TinyMCE 编辑器。我添加了 iBrowser，以便人们可以上传图形。没关系。我还尝试使他们能够更改他们正在编辑的网站的背景，但没有成功：如果我在背景中添加带有图像的 HTML div 并返回编辑器并按 Enter 它将我移动到图像下方而不是另一行。

如何在 TinyMCE 中允许用户更改站点的背景图像？

Answer 1

以下代码将在编辑器中设置文档的背景图像样式（其中ed是对当前 TinyMCE 实例的引用）

var edObj = ed.dom.getRoot();

//Set the Style "background-image" to the button's color value.
ed.dom.setStyle(edObj, 'background-image', "url(some_background_image.jpg)");

请注意，我仅在 Mac 上的 Safari 和 Firefox 上对此进行了测试。

唯一的问题是，即使您使用fullpage插件编辑整个 HTML 文档，当您使用getContent()检索内容时，它仍然不会返回应用了样式的文档。

如果您使用已定义背景图像样式的文档加载 TinyMCE ，则 TinyMCE 将呈现它。

考虑到这一点，根据您如何为最终用户提供选择图像的能力，一种方法是提供一种方法，在您保存文档和处理的同时将所选图像的详细信息发送回您的服务器它在那里，应用背景图像样式。