程序员经验分享-hwhale

vue-quill-editor踩坑记录--富文本内容回显样式不对

2023-10-30
  • 使用vue-quill-editor写的富文本，内容在H5使用v-html显示时，样式跟在富文本写的时候样式不一样，字体大小显示不出来。
  • 原因：有些类名，在v-html页面是没有找到的。
  • 解决:
  • 全局或者局部引入vue-quill-editor的样式文件
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

<div v-html="content" class="ql-editor"></div>
  • 一定要加上class="ql-editor"该类名，否则样式也不起作用
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

vuejs

javascript

前端

vue-quill-editor踩坑记录--富文本内容回显样式不对 的相关文章

  • 检测 jqGrid 单元格中的复选框事件

    我正在探索jqGrid在我学习 Javascript 和 jQuery 的过程中 我成功地把checkbox在网格单元中 太棒了 这是我所拥有的 myTable jqGrid colModel name cb index cb width

  • 在 javascript 原型事件处理程序中保留“this”引用[重复]

    这个问题在这里已经有答案了 正确的保存方法是什么this存储在对象原型内的事件处理程序中的 javascript 引用 我不想创建像 this 或 that 这样的临时变量 而且我不能使用像 jQuery 这样的框架 我看到很多人谈论使用

  • zone.js：140未捕获类型错误：无法读取属性“删除”

    我是 kendo ui 的新手 我在小提琴中开发了原型 删除确认窗口在那里工作正常 但是当我集成到我的代码库中时 我收到错误 Cannot read property remove at the line pai to delete rem

  • JavaScript 画布内存问题

    我在用着getImageData putImageData在 HTML5 画布上能够操作图片 我的问题是浏览器似乎从来没有释放任何内存 http jonelf posterous com lite gc men for sent 直到我关闭

  • 图表.js.如何更改“标签”数组的字体样式？

    我从 Chart JS 库中获取了一个图表 截屏 https i stack imgur com DnuRq png var ctx document getElementById myChart var data labels HTML

  • 使用javascript滚动滚动条或鼠标滚轮后触发事件

    我想知道是否可以触发事件after使用滚动条或鼠标滚轮 或在触摸设备上滑动 时滚动页面 基本上 我想检测用户何时停止滚动 以便我可以进行 AJAX 加载 而不是在滚动时加载 看起来jQuery s scroll 每次用户滚动时都会触发 并且

  • 为什么 Promise `.then` 方法的回调是反模式

    我在 StackOverflow 上看到了答案 人们建议为 AngularJS 服务提供回调函数 app controller tokenCtrl function scope tokenService tokenService getTo

  • 如何正确地将节点从引用传递到上下文？

    我正在尝试将节点从引用传递到上下文 但是因为我在第一次渲染后没有重新渲染 所以传递的节 点是null 我考虑了两种变体 但我认为它们不是最好的 To pass ref代替ref current 但在用例中 我将被迫使用类似的东西contex

  • ASP.NET 验证控件和 Javascript 确认框

    我有一个使用 NET 服务器端输入验证控件的页面 此页面还有一个 javascript 确认框 在提交表单时会触发该确认框 当前 当选择 提交 按钮时 会出现 javascript 确认框 一旦确认 就会触发 ASP NET 服务器端验证控

  • 在动态创建的元素的onclick函数的属性中传递一个字符串

    我试图在动态创建的锚元素的 onClick 事件处理函数的参数中传递一个字符串 请参阅小提琴http jsfiddle net shmdhussain bXYe4 http jsfiddle net shmdhussain bXYe4 我无

  • 是否有任何理由使用 axios 而不是 ES6 fetch [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 研究了 axios 和 ES6 fetch 的文档 我发现两者非常相似 并且都受到 ajax 及其简写的强烈影响 axios 的主要优点是浏览器

  • 为什么Promise中的代码会同步执行？ [复制]

    这个问题在这里已经有答案了 在我的项目中 我有一个很长时间运行的操作 所以我决定将其放入Promise因为我认为这样我就可以在里面的代码继续执行其他操作Promise正在跑步 调试的时候发现外面的代码Promise仅当里面的代码执行Prom

  • 如何使用 github 托管外部 CSS 文件？

    我将 css 上传到 github 然后转到网站上的文件并单击 raw 选项 我尝试将其添加到网页中 但 chrome 给出以下错误 资源解释为样式表 但使用 MIME 类型 text plain 进行传输 https raw github

  • 为什么这个递归函数返回未定义？

    我正在尝试编写一个使用递归组合两个字符串的函数 我的代码如下 但我不知道为什么该函数返回未定义 特别是当我在基本情况下使用 console log 时 它不会打印未定义而是打印正确的值 var str3 function merge str

  • 如何将React JS状态保存到本地存储中

    我不知道如何将 React js 状态存储到本地存储中 import React Component from react import App css import auth createUserProfileDocument from

  • 使用 eval 时不会受到 XSS 威胁

    我正在制作 不是现在 但我仍然对这个感到好奇 一款使用 HTML5 和 JS 的游戏 我想要的是人们可以插入自定义脚本 但要安全 function executeCustomJS code eval code bad 当然这段代码非常糟糕

  • iPhone 上的锁定方向 UIWebView

    有没有办法锁定 UIWebView 的方向 使用 Obj C JS 还是 Html 我不想有按钮或任何东西 我只想在应用程序打开时将其锁定为纵向 好像这个堆栈溢出帖子 https stackoverflow com questions 43

  • JS：修改 JS 对象中的值/对

    我正在尝试找出修改对象的最佳方法 而无需三次写出类似的对象 所以我有这三个对象 var object1 start start end end type 1 var object2 start start end end type 2 va

  • WebpackError：ReferenceError：Gatsby 上未定义窗口

    我已经在互联网上进行了大量搜索 但无法解决这个问题 我正在使用 Gasby 开发静态页面 但遇到此错误 WebpackError ReferenceError window is not defined 我的线索是 这与我正在使用的引导 模

  • HTML5 地理定位 - 在 iOS 上无法始终工作

    目前正在使用 HTML5 地理定位 我已经在所有网络浏览器上测试了它 它似乎工作正常 然而 当我在 iPad 上测试地理定位时 它在 iPad mini 上始终有效 但当我将其放在更大的 iPad iPad 2 上时 位置似乎并不总是有效

随机推荐

  • 【软件工具】安装和使用Miniconda来管理Python环境

    安装和使用Miniconda来管理Python环境 一 Miniconda简介 二 Miniconda的安装 1 下载 2 安装 三 Miniconda的配置 四 Miniconda的使用 1 Conda相关 2 环境管理 3 包管理 参考

  • 银河麒麟中vsftpd匿名用户相关配置常见问题及解决方法

    银河麒麟系统中通常自带vsftpd 可以通过配置vsftpd 实现在本机中搭建ftp服务器 方便文件管理使用 并且很多时候确实因为实际需要 需要配置为允许匿名用户登录并操作 但是vsfpd如果配置不好 就经常会出现很多问题 比如无法新建文件

  • NSSCTF之Web篇刷题记录(12)

    NSSCTF之Web篇刷题记录 12 NCTF 2018 签到题 鹤城杯 2021 EasyP NSSCTF 2022 Spring Recruit ezgame GXYCTF 2019 Ping Ping Ping SWPUCTF 202

  • PK体系“配齐”

    我国是人口大国 随着5G新型应用 智慧城市建设 疫情防范等信息化需求的增长 系统所需管理的数据量级越发庞大 类型越发丰富 各行业对于可信 安全的国产软件的诉求日益增强 想用对国产化 用好国产化 信息行业应用生态的建设必不可少 近日 亚信科技

  • angular中的管道(pipe) 以及自定义管道

    http bbs itying com topic 5bf519657e9f5911d41f2a341 大小写转换 p str uppercase p 转换成大写 p str lowercase p 转换成小写 2 日期格式转换 p tod

  • js查找结构不同的两个数组中相同的元素并删除元素

    准确的是循环中删除数组元素会遇到的bug及解决办法 删除后需要注意元素的索引值 比如以下案例 删除2之后索引值继续 1 但原数组索引已经变化了 所以会出现遍历漏掉元素和索引值对不上的情况 然后就把forEach循环改成了for循环 可以控制

  • Eclipse快捷键大全

    Eclipse快捷键大全 转载 Ctrl 1 快速修复 最经典的快捷键 就不用多说了 Ctrl D 删除当前行 Ctrl Alt 复制当前行到下一行 复制增加 Ctrl Alt 复制当前行到上一行 复制增加 Alt 当前行和下面一行交互位置

  • 关于小程序本地图片加载失败(渲染层错误)的问题

    今天 因为被分配到要写一个小程序页面 但是在图片载入上面却出现了一个这样的问题 图片上面的src是可以直接点击进去的 但是在小程序编译加载的时候却 而前辈们的大图片基本上都是通过网络路径进行加载 正巧这几张图片在网络路径中没有 只能通过本地

  • C++_运算符重载

    什么是运算符的重载 运算符与类结合 产生新的含义 为什么要引入运算符重载 作用 为了实现类的多态性 多态是指一个函数名有多种含义 怎么实现运算符的重载 方式 类的成员函数 或 友元函数 类外的普通函数 规则 不能重载的运算符有 和 和 和

  • STM32 基础系列教程 23 - USB_cdc

    前言 学习stm32 USB接口使用 学会用CUBE工具快速创建USB设备工程及调试 关于usb的相关知道请读者提前准备并学习 当然如果不想深究其中原理的话 跟着本文来操作就可以实现基于USB的设备开发了 需要提示的是 stm32在使用us

  • 2023年Python面试题_后台开发

    Flask 中请求上下文和应用上下文的区别和作用 current app g 是应用上下文 request session 是请求上下文 手动创建上下文的两种方法 with app app context app current app g

  • php判断已登录用户名和密码,PHP验证登录用户名和密码

    include once discuz include common inc php CTDF USERINFO array CTDF USERINFO sid sid CTDF USERINFO uid di 登录页面 login htm

  • 大学生必备之GPA计算（满绩为5）

    平均学分绩点 Grade Point Average 即GPA 是以学分与绩点作为衡量学生学习的量与质的计算单位 以取得一定的学分和平均学分绩点作为毕业和获得学位的标准 实施多样的教育规格和较灵活的教学管理制度 平均学分绩点的计算方法是 是

  • 长沙师范大学计算机学院,中心-湖南师范大学信息科学与工程学院

    信息科学与工程学院实验中心 现设有计算机专业实验室 信息技术实验室和计算机基础实验室 目前实验中心共有专职的实验人员10人 兼职3人 其中高级实验师3人 讲师3人 实验师6人 其它1人 研究生导师2人 计算机专业实验室现有实验用房11间 计

  • SpringBoot当中使用JDBC配置druid数据源

    本篇文章主要讲解SpringBoot当中使用JDBC配置druid数据源 感兴趣的跟小编一起来学习呀 目录 1 导入依赖 2 application yml配置 3 DruidConfig配置 4 controller 5 测试 1 导入依

  • QT部件透明阴影效果与不规则窗体

    透明效果 原始效果 设置整个窗体透明 调用setWindowOpacity 方法 传入一个0 1之间的值来表示透明度 1表示不透明 0表示完全透明 在构造函数中添加 setWindowOpacity 0 5 0 1之间 设置窗体透明 部件不

  • Trie代码java

    还要判断节点是否是一个映射 比如 pan pandas 所以需要一个boolen来判断不是叶子结点是否为一个单词 211 Add and Search Word Data structure design Medium 81251Favor

  • 当SAP遇见RPA：RPA如何自动化SAP系统？

    对中国企业而言 如何实现海量数据的交互 存储 分析 真正发挥数据价值进行技术和业务创新 是数字化转型的关键 也是需要应对的挑战 2019年初 ERP巨头SAP发布了 中国加速计划 计划在未来五年 持续加大对中小企业市场的研发投入 赋能中国企

  • 微信小程序之开发遇到 does not have a method “xxxx“ to handle event “tap“ 问题的解决方案【已解决】

    今天在开发一个小功能 copy了之前写的代码 但是在实现功能时 出现了如下问题 先在这简单总结一下解决方案 在调用方法时 在 中前后多加了空格 在 js 中没有定义该方法 在 js 中方法定义的位置可能不对 比如放在了 data 中 组件化

  • vue-quill-editor踩坑记录--富文本内容回显样式不对

    使用vue quill editor写的富文本 内容在H5使用v html显示时 样式跟在富文本写的时候样式不一样 字体大小显示不出来 原因 有些类名 在v html页面是没有找到的 解决 全局或者局部引入vue quill editor的

热门标签