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

如何让用户在TinyMCE中更改网站的背景图像?

最佳答案

以下代码将在编辑器中设置文档的背景图像样式(其中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)");


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

唯一的问题是,即使您正在使用整页插件编辑整个HTML文档,当您使用getContent()检索内容时,它也不会返回具有所应用样式的文档。

如果使用已定义背景图像样式的文档加载TinyMCE,则TinyMCE将对其进行渲染。

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

09-10 10:32
查看更多