Ueditor富文本编辑器增加其他语言 - 方维网络
400-800-9385
网站建设资讯详细

Ueditor富文本编辑器增加其他语言

发表日期:2022-12-28 10:54:26   作者来源:黎云辉   浏览:663   标签:网站编辑器    
Ueditor富文本编辑器有时自带的字体不够项目使用,或者客户有特殊的要求,这时,我们就需要给Ueditor富文本编辑器增加自定义的字体进去供客户去选择,所以就多了跟我们编辑器项目增加引入字体的操作
 
1.分别在两张截图的路径添加siyuanheiti,siyuansongti字体

编辑器文件1

编辑器文件2

完成上面两个步骤,我们可以在编辑器的字体列表里面添加了siyuanheiti,siyuansongti的字体,但是siyuanheiti,siyuansongti在页面上还看不到,我们需要在zh-cn.js去定义名称

编辑器文件3

 
完成以上的步骤,我们可以在编辑器的字体列表里面看到添加了siyuanheiti,siyuansongti的字体这个字体是没有效果的,因为我们的系统和项目里面都没有这个siyuanheiti,siyuansongti字体。这是正常的。
2.给编辑器增加siyuanheiti,siyuansongti字体,在对应的文件夹把字体包复制进去,然后在样式里引入新的字体包

编辑器文件4
 
编辑器文件5
 
 
 
3.这样就完成,在编辑器中选择siyuanheiti,siyuansongti字体,就能看到我们自定义的字体效果了。
编辑器文件6
 
 
4.上面的步骤已经可以让我们在编辑器里面看到字体效果了,但是我们添加字体的最终目的是要在项目中展示。所以这一步就是在项目中添加字体。下面以项目作为例子。
 
在前端文件中,引入对应的字体包,在前端的样式文件里在调用字体包的样式

编辑器文件7



编辑器文件8
 
如没特殊注明,文章均为方维网络原创,转载请注明来自http://www.cdpcwl.com/news/6630.html