TinyMCE将类添加到img标签

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 中的html 模式。