当前位置:网站首页>wangeditor富文本引用、表格使用问题
wangeditor富文本引用、表格使用问题
2022-07-06 09:15:00 【iatkotworld】
问题介绍:
本文记录了wangeditor开发中遇到的一个问题,之前在使用wangeditor的时候因为时间紧张没有过多研究,后续项目测试,测出来发现编辑器中添加的表格和引用,在展示时和编辑器里显示的样式不一样,这里记录一下解决思路。
具体情况:
在编辑器中显示效果:
编辑器在控制台中显示效果:
可以看到该引用功能是有样式的,标签名为"blockquote"。
打印出当前编辑器的内容:
可以看到只有标签名没有标签样式,所以数据提交后,在详情页面展示时,页面中也是只有标签名没有对应样式,不能正确显示对应显示效果。
解决方案:
css修改
直接在展示页面中增加对应标签样式,表格同理。
.dialogCont /deep/ blockquote {
display: block;
border-left: 8px solid #d0e5f2;
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: #f1f1f1;
}
.dialogCont /deep/ blockquote p {
padding: 10px 0;
}
说明:
在展示页面添加完样式后,虽然成功显示了,但是不确定这种方式是否合理,于是又在网上查了一下,然后发现了这个页面,可以参考。
页面链接:https://www.kancloud.cn/wangfupeng/wangeditor3/335775
边栏推荐
- 牛客Novice月赛40
- QT creator design user interface
- double转int精度丢失问题
- QT creator support platform
- Ansible实战系列一 _ 入门
- AcWing 1294.樱花 题解
- 解决安装Failed building wheel for pillow
- error C4996: ‘strcpy‘: This function or variable may be unsafe. Consider using strcpy_s instead
- Cookie setting three-day secret free login (run tutorial)
- Deoldify项目问题——OMP:Error#15:Initializing libiomp5md.dll,but found libiomp5md.dll already initialized.
猜你喜欢
打开浏览器的同时会在主页外同时打开芒果TV,抖音等网站
Vs2019 use wizard to generate an MFC Application
QT creator create button
解决安装Failed building wheel for pillow
Cookie setting three-day secret free login (run tutorial)
Summary of numpy installation problems
机器学习--人口普查数据分析
Vs2019 desktop app quick start
Integration test practice (1) theoretical basis
QT creator specifies dependencies
随机推荐
Request object and response object analysis
Codeforces Round #771 (Div. 2)
Machine learning -- census data analysis
[free setup] asp Net online course selection system design and Implementation (source code +lunwen)
02-项目实战之后台员工信息管理
ES6 let 和 const 命令
Classes in C #
人脸识别 face_recognition
Principes JDBC
AcWing 1294.樱花 题解
Software testing - interview question sharing
打开浏览器的同时会在主页外同时打开芒果TV,抖音等网站
vs2019 桌面程序快速入门
The virtual machine Ping is connected to the host, and the host Ping is not connected to the virtual machine
安全测试涉及的测试对象
一键提取pdf中的表格
Remember a company interview question: merge ordered arrays
DICOM: Overview
软件测试-面试题分享
Software testing and quality learning notes 3 -- white box testing