3、代码

<quill-editor

v-model=“content”

ref=“myQuillEditor”

:options=“editorOption”

@blur=“onEditorBlur($event)"@focus="onEditorFocus($event)”

@change=“onEditorChange($event)”>

OK,搞定，简洁的富文本编辑器就展现在你眼前了，另外附上API。Vue-Quill-Editor.

4、自定义 toolbar 菜单

editorOption: {

placeholder: “请在这里输入”,

modules:{

toolbar:[

[‘bold’, ‘italic’, ‘underline’, ‘strike’], //加粗，斜体，下划线，删除线

[‘blockquote’, ‘code-block’], //引用，代码块

[{ ‘header’: 1 }, { ‘header’: 2 }], // 标题，键值对的形式；1、2表示字体大小

[{ ‘list’: ‘ordered’}, { ‘list’: ‘bullet’ }], //列表

[{ ‘script’: ‘sub’}, { ‘script’: ‘super’ }], // 上下标

[{ ‘indent’: ‘-1’}, { ‘indent’: ‘+1’ }], // 缩进

[{ ‘direction’: ‘rtl’ }], // 文本方向

[{ ‘size’: [‘small’, false, ‘large’, ‘huge’] }], // 字体大小

[{ ‘header’: [1, 2, 3, 4, 5, 6, false] }], //几级标题

[{ ‘color’: [] }, { ‘background’: [] }], // 字体颜色，字体背景颜色

[{ ‘font’: [] }], //字体

[{ ‘align’: [] }], //对齐方式

[‘clean’], //清除字体样式

[‘image’,‘video’] //上传图片、上传视频

]

}

},

5、存储及将数据库中的数据反显为HTML字符串

后台接收到数据后会将字符中的标签进行转码，所以我们要先进行一个解码的操作让他变成标签形式的字符串：

例如后台接收的数据如下：“

title<” ，对应解码后就是<h1>title</h1>。

//把实体格式字符串转义成HTML格式的字符串

escapeStringHTML(str) {

str = str.replace(/</g,‘<’);

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

三套“算法宝典”

算法刷题LeetCode中文版（为例）

人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。

最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

的可以关注

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-riT9Tj5t-1712697091864)]