当前位置:网站首页>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
边栏推荐
- L2-007 家庭房产 (25 分)
- 使用lambda在循环中传参时,参数总为同一个值
- Base de données Advanced Learning Notes - - SQL statements
- Cookie setting three-day secret free login (run tutorial)
- Machine learning notes week02 convolutional neural network
- Antlr4 uses keywords as identifiers
- Deoldify project problem - omp:error 15:initializing libiomp5md dll,but found libiomp5md. dll already initialized.
- MTCNN人脸检测
- Dotnet replaces asp Net core's underlying communication is the IPC Library of named pipes
- [蓝桥杯2017初赛]包子凑数
猜你喜欢
解决安装Failed building wheel for pillow
图片上色项目 —— Deoldify
软件测试与质量学习笔记3--白盒测试
Machine learning -- census data analysis
AcWing 1298. Solution to Cao Chong's pig raising problem
One click extraction of tables in PDF
02 staff information management after the actual project
Basic use of redis
机器学习笔记-Week02-卷积神经网络
Use dapr to shorten software development cycle and improve production efficiency
随机推荐
Some notes of MySQL
MTCNN人脸检测
Vs2019 first MFC Application
MySQL的一些随笔记录
Introduction and use of automatic machine learning framework (flaml, H2O)
Copie maître - esclave MySQL, séparation lecture - écriture
Swagger, Yapi interface management service_ SE
Principes JDBC
JDBC原理
[number theory] divisor
L2-006 树的遍历 (25 分)
QT creator uses Valgrind code analysis tool
vs2019 使用向导生成一个MFC应用程序
Antlr4 uses keywords as identifiers
Codeforces Round #771 (Div. 2)
error C4996: ‘strcpy‘: This function or variable may be unsafe. Consider using strcpy_s instead
学习问题1:127.0.0.1拒绝了我们的访问
Why can't STM32 download the program
AcWing 1294. Cherry Blossom explanation
打开浏览器的同时会在主页外同时打开芒果TV,抖音等网站