• 客服QQ:1193846053   微信:suyoufuwu   联系电话:13080553467     

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

速优网络(10年经验),服务数万家企业,固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司,专业团队,值得选择!建站业务:企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站 客服微信【suyoufuwu】


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
 

以上就是速优网络和大家分享的"Ueditor富文本编辑器增加其他语言",非常感谢您有耐心的读完这篇文章,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务,本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作,请扫码咨询,我们将诚挚为您服务。

TAG标签:

全国分站

全国分站