TinyMCE:图标不可见

孙雷欧

如果我直接在下载的TinyMCE包中使用html文件,则会出现图像图标;如果将其用作Web应用程序,则其所有功能都可以正常工作。但是图标却没有出现。我使用的是TinyMCE 4.0.28版本。

初始化脚本:

tinymce.init({
    relative_urls : false,
    remove_script_host : false,
    convert_urls : true,
    selector: "textarea#elm1",
    theme: "modern",
    width: 800,
    height: 500,
    plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
         "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
         "save table contextmenu directionality emoticons template paste textcolor"
   ],
   toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons", 
   style_formats: [
        {title: 'Bold text', inline: 'b'},
        {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
        {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
        {title: 'Example 1', inline: 'span', classes: 'example1'},
        {title: 'Example 2', inline: 'span', classes: 'example2'},
        {title: 'Table styles'},
        {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
    ]
 }); 

更新:包括其他图像。

在此处输入图片说明

技术 :

我已经使用过Servlet API,没有其他机制。

FireBug的HTML用于斜体图标:

<button tabindex="-1" type="button" role="presentation">
 <i class="mce-ico mce-i-emoticons"></i>
</button>

web.xml:

<!-- To map all the static contents below code starts -->
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.html</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.jpg</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.png</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.css</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.js</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.gif</url-pattern>
</servlet-mapping>
<!-- To map all the static contents below code ends -->

<!-- To map all the non-static contents below code starts -->
<servlet>
    <servlet-name>ControllerServlet</servlet-name>
    <servlet-class>tut.core.Controller</servlet-class>
</servlet>

<servlet-mapping>
    <servlet-name>ControllerServlet</servlet-name>
    <url-pattern>/</url-pattern>
</servlet-mapping>
<!-- To map all the non-static contents below code ends -->

问题 :

为什么只有斜体图标无法使用,因为它无法处理情绪等?但是其他图像却可以正常显示。

奥利霍尔兹

TinyMCE的图标使用icoMoon(http://icomoon.io)。
确保sikn \ fonts文件夹中.woff/ .svg/ .ttf-Files。
检查是否正确送达。例如,使用一些Browser-Dev-Tool:

在此处输入图片说明

如果可以,请检查您的skin.css它应包含样式作为符号内容。

.mce-i-italic:before { 
    content:"\e02b"
}

也许该文件已被保存,或者使用了wearg编码或mime类型读取。

如果要修改图标,则需要更改Icons.less。看这里

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章