php - TinyMCE 添加类到 img 标签

Question

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

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

我需要有一个选项，在 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

有没有一种方法可以有一个下拉列表或文本框，有人可以在其中输入“就像样式”一个类名，例如 style.css 中的 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'},
]

输出