tinyMCE删除背景图像:""像网址一样的magento内容

时间:2015-03-20 14:59:42

标签: javascript html css magento tinymce

我在magento中有cms块,其中一个div元素具有带backgroud-image的样式属性,值为magento样式URL

<div class="contain-wide" style="background-image: url('{{media url="wysiwyg/spare-parts.jpg"}}')">

问题是,当我打开wysiwyg编辑器时,此行被编辑为

<div class="contain-wide" wysiwyg="" spare-parts="" jpg="">

并且不再是有效的内联css。

我尝试过的事情是将这些设置添加到/js/mage/adminhtml/wysiwyg/tiny_mce/setup.js

        cleanup_on_startup: false,
        trim_span_elements: false,
        verify_html: false,
        cleanup: false,
        valid_elements: '*[*]',

遗憾的是,只有禁用html验证,css仍由tinyMCE自动编辑。

2 个答案:

答案 0 :(得分:0)

你应该能够通过所见即所得来选择页面的一部分,然后点击insert/edit attributes(在最后一行的工具上,有一只手放在一个小盒子的顶部)你应该在其中能够编辑属性并可能制作出你需要的东西。

这实际上会为你创建一个div,在这个弹出框中你可以选择你想要的div。

编辑:但是@GCyrillus评论了你的问题,我建议你通过风格来做,因为这意味着只想编辑内容的管理员可能会破坏网站的视觉布局。 / p>

答案 1 :(得分:0)

而不是使用MCE使用直接路径。即。 SRC =&#34; HTTP(S)://yourimage.jpg"&GT;