做早餐烧菜有什么网站,优质手机网站建设哪家好,湖北建设工程信息网官网,wordpress结构文章目录 前言一、下载二、使用步骤1.引入样式2.html代码 总结 前言
提示#xff1a;这里可以添加本文要记录的大概内容#xff1a; vue后台框架#xff0c;若依系统里有一个富文本编辑器#xff0c;效果如下 在package.json里面查看#xff0c;发现插件名叫quill 插件的… 文章目录 前言一、下载二、使用步骤1.引入样式2.html代码 总结 前言
提示这里可以添加本文要记录的大概内容 vue后台框架若依系统里有一个富文本编辑器效果如下 在package.json里面查看发现插件名叫quill 插件的地址页面如下 经过多篇文章查找后台框架使用quill我前端使用vue-quill-editor显示内容效果是一样的。 两者可以互通 我是vue2系统所以使用vue-quill-editor回显内容 参考文章1 vue富文本编辑器vue-quill-editor的使用以及内容的渲染 vue-quill-editor富文本编辑器使用步骤 富文本编辑器Quill 介绍及在Vue中的使用方法 提示以下是本篇文章正文内容下面案例可供参考
一、下载
npm install vue-quill-editor -S在package.json能查看到版本号
二、使用步骤
1.引入样式
在渲染页面引入如果你渲染的详情页过多那就在main.js引入 代码如下示例 import quill/dist/quill.core.css;
import quill/dist/quill.snow.css;
import quill/dist/quill.bubble.css;2.html代码 代码如下示例 div classql-container ql-snowdiv classql-editordiv v-htmldetailInfo.policyContent/div/div
/div用于渲染的div外面必须套2层样式代码否则样式会丢失
这是移动端渲染页面回显 下面是pc端渲染页面把那三个div嵌套搬到若依后台框架里面复现 总结
【Vue】vue2预览显示quill富文本内容vue-quill-editor回显页面v-html回显富文本内容
