需要解决的问题：

给编辑器自由增加自己想要的字体（而不局限于系统本身自带字体）

以下分两种情况给出解决方案：

1. 常见系统自带字体

2. 自定义字体

1. 常见系统自带字体

图片中是我们系统中默认自带的一些字体：下面就拿其中的Calibri字体作为例子

1.1 找到截图中的路径，添加Calibri这个字体

1.2 找到截图中的路径，添加Calibri字体

1.3 效果(这样就添加好了字体)

2. 自定义字体

自定义字体跟上面添加字体的步骤是一样的，就是多了跟我们编辑器项目增加引入字体的操作

2.1 分别在两张截图的路径添加aa字体

完成上面两个步骤，我们可以在编辑器的字体列表里面添加了aa的字体，但是选择aa这个字体是没有效果的，因为我们的系统和项目里面都没有这个aa字体。这是正常的。

2.2 给编辑器增加aa字体

2.3 在截图路径中定义aa字体

这样就完成，在编辑器中选择aa字体，就能看到我们自定义的字体效果了。

2.4 上面的步骤已经可以让我们在编辑器里面看到字体效果了，但是我们添加字体的最终目的是要在项目中展示。所以这一步就是在项目中添加字体。下面以vue作为例子。

在app.vue文件中，添加定义aa字体的代码

然后把相应文件放到项目相应目录就可以看到效果了

百度富文本编辑器UEditor增加自定义字体相关推荐

百度富文本编辑器UEditor如何自定义配置toolbars工具条
UE.getEditor('editor', {toolbars: [[//工具条'fullscreen', 'source', 'undo', 'redo', 'bold', 'italic','u ...
百度富文本编辑器UEditor安装配置全过程
网站开发时富文本编辑器是必不可少的,他可以让用户自行编辑内容的样式然后上传到后台!下面我们来介绍如何安装使用百度富文本编辑器一.下载并且设置百度富文本编辑器的样式你可以去百度UEditor ...
百度富文本编辑器ueditor在https协议下无法正常插入动态地图
在浏览器https协议下,百度富文本编辑器ueditor有可能会无法正常插入动态地图.所谓"动态地图",就是在插入地图的时候,勾选右上角的"动态地图"选择框: ...
百度富文本编辑器ueditor支持上传mp3格式等音频文件的方法
百度富文本编辑器ueditor算得上比较强大的了,但是有一个比较令人难受的问题,就是不支持本地上传音频文件.ueditor自带的mp3功能是直接在百度音乐里面搜索加进去的,显而易见这个不是我们想要的, ...
TP5.1框架中百度富文本编辑器UEditor的使用
在实际项目开发中最常使用到的工具之一就是富文本编辑器,使用富文本编辑器可以实现所见即所得的效果,且所有富文本编辑器里的内容(包括图片,视频,音乐等文件)全部可以带格式的存入数据库中且只需占用一个字段. ...
Html引入百度富文本编辑器ueditor
在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo, 然后创建ueditor.html文件,引入百度编辑器,然后在h ...
themyleaf 图片上传_springboot thymeleaf 整合百度富文本编辑器UEditor进行图片上传
项目中需要使用到富文本编辑器,找来找去发现百度UEditor富文本编辑器在国内最为常用因此就尝试引入.编辑器官网是:http://ueditor.baidu.com/website/index.htm ...
html页面引入富文本编辑器,Html引入百度富文本编辑器ueditor
在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo, 然后创建ueditor.html文件,引入百度编辑器,然后在h ...
Vue 百度富文本编辑器Ueditor Spring Boot 前后台整合示例（附带完整源码）
前端安装vue-ueditor-wrap npm i vue-ueditor-wrap 引入并注册VueUeditorWrap组件,配置组件属性 <script> import VueU ...
百度富文本编辑器UEditor 图片宽度100%自适应，手机端
有些时候富文本编辑器的图片在手机端显示超出,没有自动100% 修改ueditor.all.js的23774行(左右,不一定)和24533(左右,不一定),不行就搜索增加内容 loader.setAt ...

百度富文本编辑器UEditor增加自定义字体

需要解决的问题：

以下分两种情况给出解决方案：

百度富文本编辑器UEditor增加自定义字体相关推荐

最新文章

热门文章