Question

我在我的CMS中使用TinyMCE编辑器作为独立编辑器。

默认情况下，该网站会在cms div ID中的任何图像标记周围放置一个弧形边框。

我需要在CMS内选择绕过添加class="no-style"的选项，在极少数情况下，添加到页面的图像不应具有CSS边框。但是我没有看到任何方法用TinyMCE做到这一点..

我所看到的只是一种输入样式标签的方法，但这不起作用，因为我在CSS中用来制作边框的代码是这样的：

-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); behavior: url(js/PIE.htc);

因此，每次我需要做一个没有边框的图像时，所有这些都是0px是耗时的，更不用说普通人了。

所以在这个页面上：http://d.pr/i/wslc

有没有办法有一个下拉列表或一个文本框，有人可以输入“就像样式”一个类名，比如样式中的no-style，将我上面的那些属性归零？

谢谢！

Answer 1

您需要根据https://www.tinymce.com/docs/plugins/image/#image_class_list

定义预定义类的列表

将以下内容添加到tinymce.init

image_class_list: [
    {title: 'None', value: ''},
    {title: 'Lightbox', value: 'lightbox'},
]

输出

Answer 2

TinyMCE对此有所支持。

添加新图片（Insert/Add Image - 弹出窗口）时，点击显示Appearance的标签。在显示Class的下拉列表中，选择Value并输入no-style。我认为您可以自定义TinyMCE以支持您自己的类（即已经列出），但我不确定您是如何做到的。如果您不希望每次都手动输入文档，那么查看文档应该会有所帮助。

编辑：啊，在我回答之前我没看过这张照片。看起来你有一个过时的TinyMCE版本。在网页上，可以使用上述下拉菜单：Official site。

Superedit：如果您已经拥有最新版本，请查看您正在加载的插件。查看官方网站上的来源，并将其与您自己的网站进行比较。

Answer 3

尝试将您的代码放在tinyMCE的html模式中。

TinyMCE将类添加到img标签

3 个答案: