dangsh_的博客

遇到一个需求需要在textarea中支持tab键的输入但是在浏览器中，默认tab键是自动聚焦在下一个可以聚焦的元素上思路如下：input中接收到tab键时，阻止默认事件在input中获取到光标位置，在后面加一个 \t 制表符input获取焦点代码如下<el-form-item label="活动名称"> <el-input id="myinput" type="textarea" v-model="form.content" :auto

首先贴一下官方文档http://doc.quilljs.cn/1409423以及我参考的 很好的 一篇文章（在此表示感谢）https://segmentfault.com/a/1190000019606714然后是我的最终效果其中红框1部分是插件自带的一下功能，我删除了一些不常用的（你们可以根据自己需要定制）红框2部分是需要自己做的表格功能， 图标可以选择自己想用的svg由于我不是专业前端，所以在项目中如何引入quill就不做赘述了，主要是提一些容易踩坑的点先放一下代码 需要参考的大佬自取

之前由于自己也只是粗浅的使用，以为没有太多人和我一样用到它有一些地方，就没有展开讲没想到大家用到的还挺多的，于是再展开讲解一下先看一下效果NewsAdd.vue 新增页面，可以添加附件NewsDetail.vue 展示页面NewsUpdate.vue 修改页面 获取富文本内容，然后展示，以供修改项目代码放github不太合适， 就直接粘一下了简单讲解一下逻辑editor.vue 富文本编辑器组件1.activated组件的时候，会请求接口，加载富文本内容this.quill.r

因为默认的el-upload 用起来不舒服，于是使用自定义上传主要配置是action="#":auto-upload="false":http-request="httpRequest"在httpRequest 中，就可以自定义上传方法了accept=".pdf"设置为只允许上传pdf，只会在这里限制，用户还是可以上传别的所以需要在上传时判断文件名var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)cons

首先看一下是不是大家需要的效果首先安装vue-pdfyarn add vue-pdf然后写一个组件FileAdd.vue<template> <div> <el-row :gutter="24"> <el-col :span="12"> <el-form ref="form" :model="form" label-width="80px"> <el-form-item