vue-quill-editor回显以及代码块高亮
既然我们在写文章的时候贴上了很多代码,那么查看的时候肯定要回显到页面上,并且要有代码高亮才能看,要不然白纸黑字实在是头疼,最终我们还要借助插件来实现...一.vue-quill-editor回显
我们要在需要回显的页面中添加div,然后使用v-html渲染数据就可以了,特别需要注意的是一定要添加ql-editor类名,否则不会生效
代码美化插件
import Prism from "prismjs";
4.这里有个比较难处理的是我们通过文本编辑器生成的代码结构是只有pre标签,而这个代码高亮插件只对pre标签嵌套code...,有的类名必须写在code标签上,所以我们在存进数据库之前要做一个全局替换工作.类名line-numbers显示行号language-xxx选择编程语言,这里我们选择js:language-js
//由于富文本编辑器生成的代码块只有...编码方式存储的,这样的缺点就是当图片比较大时,提交后台时参数过长,可能会导致提交失败,并且数据量多起来的话,会对数据库造成很大压力,所以我们就结合elementUI的图片上传组件,将图片上传到我们自己的图片空间