如果我直接在下载的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] 删除。
我来说两句