Javascript TinyMCE自定义格式,带:before选择器
我正在尝试在tinyMCE中设置自定义格式 我试图使它成为这样,当您选择一些文本并选择此格式时,它会在文本周围放置一个边框,并使用Javascript TinyMCE自定义格式,带:before选择器,javascript,css,internet-explorer,tinymce,tinymce-4,Javascript,Css,Internet Explorer,Tinymce,Tinymce 4,我正在尝试在tinyMCE中设置自定义格式 我试图使它成为这样,当您选择一些文本并选择此格式时,它会在文本周围放置一个边框,并使用:beforecss选择器来预先添加图像 它似乎在Chrome中工作,但在IE8或IE9中不起作用(无法在其他浏览器版本中进行测试)。在IE8和IE9中,应用了格式(边框并将文本颜色更改为红色,但图像不显示) 这是我的init方法 tinymce.init({ , theme : 'modern' , selector
:before
css选择器来预先添加图像
它似乎在Chrome中工作,但在IE8或IE9中不起作用(无法在其他浏览器版本中进行测试)。在IE8和IE9中,应用了格式(边框并将文本颜色更改为红色,但图像不显示)
这是我的init
方法
tinymce.init({
, theme : 'modern'
, selector : selector
, entity_encoding : 'named'
, plugins : ['table','contextmenu','paste','fullscreen','image','template','mention']
, content_css : contentcss
, formats : {
Warning: { inline:'span', 'classes':'rte-warning' }
}
, style_formats : [
{
title: 'Custom', items: [
{ title: 'Warning', format: 'Warning' }
]
}
]
, menubar : false
});
还有我的css
.rte-warning
{
display : block;
border : 1px solid #FD9F08;
background-color : #FFFFFF;
line-height : 30px;
padding : 10px;
color : #FC2400;
font-weight : bold;
}
.rte-warning:before
{
content : ""; /* Empty string must be specified or image doesn't appear for some reason */
background : url('/img/rte/Warning.gif');
display : block;
width : 75px;
height : 30px;
border : 1px solid #D42E12;
margin-right : 10px;
}
我已经找到了问题的原因。这是IE关于:before选择器和Quirks模式的一个已知错误