6

我在我的 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

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

谢谢！

4

3 回答 3

19

您需要根据https://www.tinymce.com/docs/plugins/image/#image_class_list定义一个预定义类的列表

将以下内容添加到tinymce.init

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

输出

tinymce 类列表

于 2016-09-20T12:38:16.987 回答
1

TinyMCE 对此有支持。

添加新图像 ( Insert/Add Image-popup) 时，单击显示 的选项卡Appearance。在说的下拉菜单中Class，选择Value并输入no-style。我认为您可以自定义 TinyMCE 以支持您自己的类（即，它已经列出），但我不确定您如何做到这一点。如果您不想每次都手动输入，查看文档应该会有所帮助。

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

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

于 2013-04-25T21:42:03.263 回答
-3

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

于 2013-04-25T18:13:50.730 回答