Java TinyMCE：图标不可见_Java_Jsp_Jakarta Ee_Servlets_Tinymce

Java TinyMCE：图标不可见

java jsp jakarta-ee servlets tinymce

Java TinyMCE：图标不可见,java,jsp,jakarta-ee,servlets,tinymce,Java,Jsp,Jakarta Ee,Servlets,Tinymce,如果我直接在下载的TinyMCE软件包中使用html文件，图像图标就会出现。如果我将其用作web应用程序，其所有功能都会正常工作。但是图标不会出现。我使用的是TinyMCE 4.0.28版本初始化脚本： tinymce.init({ relative_urls : false, remove_script_host : false, convert_urls : true, selector: "textarea#elm1", theme: "moder

如果我直接在下载的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'}
    ]
 });

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

<!-- 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.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'}
    ]
 });

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

<!-- 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 -->

只有Servlet API我才使用过，没有其他机制

FireBug提供的HTML斜体图标：

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'}
    ]
 });

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

<!-- 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 -->

web.xml:

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'}
    ]
 });

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

<!-- 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 -->


违约
*.html
违约
*jpg先生
违约
*.png
违约
*.css
违约
*.js
违约
*.gif
控制器服务器
图坦卡蒙控制器
控制器服务器
/

问题：

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'}
    ]
 });

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

<!-- 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（）作为其图标。
确保您的sikn\fonts文件夹中有

.woff

.svg

.ttf

-文件。

检查服务是否正确。e、 g.使用一些浏览器开发工具：

如果没有问题，请检查您的

skin.css

。它应该包含样式作为符号内容

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

文件可能是使用worng编码或mime类型保存或读取的

如果要修改图标，则需要更改图标。无需更改

您是否尝试检查浏览器的开发工具？特别是网络追踪。您是否有任何404或4**状态请求

如果你把它贴在这里，我们可以提供更多的信息

注意：您可能希望模糊/隐藏URL以避免跟踪。

您的web应用程序是否有任何安全机制？ApacheShiro或Spring Security之类的东西？这些“图标”看起来像是缺少字符的字体符号。您应该确保tinymce试图用于图标的任何字体都可用。@cheffe这似乎不是安全问题。请检查我更新的问题。谢谢您的回复。@Robadob请告诉我在哪里可以检查tinymce pack中可用的字体。谢谢您的回复。图标是“gif”文件。你在使用war文件吗？部署中的映像文件在哪里。”检查映像文件是否正确提供。例如，使用一些浏览器开发工具：“谢谢，这非常有用。在web.xml中，缺少这些.woff/.svg/.ttf条目。