富文本编辑器 - 随笔分类 - kitty20180903suzhou

Vue3 QuillEditor 富文本编辑器

摘要：对于这个组件，我是又爱又恨，上代码： <template> <div>  <QuillEditor ref="myQuillEditor" theme="snow" :content="content" :options="data.edi 阅读全文

posted @ 2023-05-08 15:37 kitty20180903suzhou 阅读(667) 评论(0) 推荐(0)

富文本编辑器 Vue3 Tinymce

摘要：使用yarn 或 npm 安装： "tinymce": "^6.1.2" 和 "@tinymce/tinymce-vue": "4" public 文件夹下新建 tinymce： skins 从 node_modules/tinymce 中复制 langs 下载：https://files.cnbl 阅读全文

posted @ 2022-09-09 11:40 kitty20180903suzhou 阅读(1020) 评论(0) 推荐(0)

vue-quill-editor 注册行高样式

摘要：lineHeight.js： 1 import Quill from "quill"; 2 let Parchment = Quill.import("parchment"); 3 console.log(Parchment); 4 class lineHeightAttributor extend 阅读全文

posted @ 2020-11-24 18:12 kitty20180903suzhou 阅读(2201) 评论(0) 推荐(0)

vue-quill-editor + + antd 组件封装（包含图片上传）

摘要：QuillEditor 组件封装：需要使用 npm 安装依赖： "vue-quill-editor": "^3.0.6", "quill-image-resize-module": "^3.0.0", QuillEditor .vue 代码： 1 <template> 2 <div> 3 <qu 阅读全文

posted @ 2020-11-24 18:07 kitty20180903suzhou 阅读(1074) 评论(0) 推荐(0)

富文本编辑器 summernote.js

摘要：1、引用js 可在 https://summernote.org/ 官网下载，并查看详细的API 引入：summernote.js 和 summernote-zh-CN.js 以及样式文件：summernote.css 2、Html 1 <textarea class="summernote" d 阅读全文

posted @ 2019-03-16 13:43 kitty20180903suzhou 阅读(2379) 评论(0) 推荐(0)

富文本编辑器 wangEditor.js

摘要：1、引用 wangEditor 相关js 和 css 下载地址：https://files.cnblogs.com/files/kitty-blog/WangEditor.zip 3、页面： 2、初始化编辑器：阅读全文

posted @ 2018-11-14 10:41 kitty20180903suzhou 阅读(3286) 评论(0) 推荐(0)

我的博客我做主