nuxt文本编辑器Vue-Quill-Editor
2017-12-20 22:35
351 查看
引言:一开始 想用 百度的那款ueditor编辑器的 ,
貌似有好多功能我不要的 ,在加上一个 他线上版本 没有 编译版的 ,至少我是没找到,所以就另外找找,后面让我找到了Vue-Quill-Editor
于是 就去试了下,果然是可以的
Vue-Quill-Editor 官方有给demo了 vue的 和 nuxt都有https://github.com/surmon-china/vue-quill-editor/tree/master/examples
但是 因为最近在用nuxt开发项目 所以做个 demo供大家学习 http://download.csdn.net/download/xuelang532777032/10166891
如果没积分的孩子 可以去我QQ群下载 前端交流群
不啰嗦贴结构
这里要注意 不能用 index.vue去测试,官网有给出解释。
所以用http://localhost:3000/nuxt-ssr-example 来测试
我说下步骤吧, 先下那个 DEMOhttp://download.csdn.net/download/xuelang532777032/10166891
新建一个 test的 文件夹 把文件放进去
然后依次运行
npm install --save nuxt axios vuex
npm install vue-quill-editor --save
npm run dev
貌似有好多功能我不要的 ,在加上一个 他线上版本 没有 编译版的 ,至少我是没找到,所以就另外找找,后面让我找到了Vue-Quill-Editor
于是 就去试了下,果然是可以的
Vue-Quill-Editor 官方有给demo了 vue的 和 nuxt都有https://github.com/surmon-china/vue-quill-editor/tree/master/examples
但是 因为最近在用nuxt开发项目 所以做个 demo供大家学习 http://download.csdn.net/download/xuelang532777032/10166891
如果没积分的孩子 可以去我QQ群下载 前端交流群
不啰嗦贴结构
这里要注意 不能用 index.vue去测试,官网有给出解释。
所以用http://localhost:3000/nuxt-ssr-example 来测试
我说下步骤吧, 先下那个 DEMOhttp://download.csdn.net/download/xuelang532777032/10166891
新建一个 test的 文件夹 把文件放进去
然后依次运行
npm install --save nuxt axios vuex
npm install vue-quill-editor --save
npm run dev
相关文章推荐
- vue-quill-editor富文本编辑器简单使用方法
- vue quill editor输入文字出现首字母的问题
- vue-quill-editor自定义图片上传
- Vue2 封装的 Quill 富文本编辑器组件 Vue-Quill-Editor
- vue 使用quill-editor编辑器
- vuequillEditor上传图片
- vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决
- vue2使用vue-quill-editor
- 在Vue项目使用quill-editor带样式编辑器(更改插入图片和视频)
- 解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
- vue-quill-editor实现图片上传功能
- Vue项目中quill-editor带样式编辑器的使用方法
- Vue-Quill-Editor富文本编辑器的使用教程
- vue中使用vue-quill-editor富文本编辑器,自定义toolbar修改工具栏options
- vue-quill-editor自定义图片上传
- 从壹开始前后端分离 [ vue + .netcore 补充教程 ] 三十║ Nuxt实战:动态路由+同构
- 前端框架Vue(17)——基于 Vue.js 的服务端渲染 (ssr) 通用应用框架 Nuxt.js
- 自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
- Bzoj1269 [AHOI2006]文本编辑器editor
- Vue中使用Froala Editor时,外部方法调用html.insert()插入内容到光标最后停留位置功能实现