Php TinyMCE将类添加到img标记
我使用TinyMCE编辑器作为CMS中的独立编辑器 默认情况下,站点会在cms div ID中的任何图像标记周围放置一个曲线边框 我需要有一个选项,在CMS中通过添加一个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
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'},
]
输出
很好的解决方案。谢谢