Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php TinyMCE将类添加到img标记_Php_Javascript_Css_Tinymce_Wysiwyg - Fatal编程技术网

Php TinyMCE将类添加到img标记

Php TinyMCE将类添加到img标记,php,javascript,css,tinymce,wysiwyg,Php,Javascript,Css,Tinymce,Wysiwyg,我使用TinyMCE编辑器作为CMS中的独立编辑器 默认情况下,站点会在cms div ID中的任何图像标记周围放置一个曲线边框 我需要有一个选项,在CMS中通过添加一个class=“no style”来绕过,在极少数情况下,添加到页面的图像不应该有CSS边框。然而,我看不到任何方法可以用TinyMCE做到这一点 我看到的只是一种输入样式标记的方法,但这不起作用,因为我在CSS中使用的用于创建边框的代码如下: -webkit-border-radius: 5px; -moz-border-rad

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

默认情况下,站点会在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,这非常耗时,更不用说对普通人来说太多了

因此,在本页:

有没有一种方法可以在下拉列表或文本框中键入“与样式相同”的类名,例如style.css中的“无样式”将我上面的属性设置为零


谢谢

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

tinyMCE支持此功能

添加新图像时(
插入/添加图像
-弹出窗口),单击显示
外观
的选项卡。在显示
的下拉列表中,选择
,然后输入
无样式
。我认为您可以定制TinyMCE来支持您自己的类(即,它已经列出),但我不确定您如何做到这一点。如果您不想每次都手动输入文档,那么查看文档应该会有所帮助

编辑:啊,在我回答之前我没有看这张照片。看起来你的TinyMCE已经过时了。在网页上,可以使用上述下拉列表:


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

您需要根据

将以下内容添加到
tinymce.init

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


很好的解决方案。谢谢