当前位置:网站首页>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
边栏推荐
- 01 project demand analysis (ordering system)
- Learning question 1:127.0.0.1 refused our visit
- Swagger, Yapi interface management service_ SE
- Library function -- (continuous update)
- L2-001 紧急救援 (25 分)
- MySQL主從複制、讀寫分離
- Install MySQL for Ubuntu 20.04
- Learn winpwn (2) -- GS protection from scratch
- Error reporting solution - io UnsupportedOperation: can‘t do nonzero end-relative seeks
- Project practice - background employee information management (add, delete, modify, check, login and exit)
猜你喜欢
随机推荐
Unable to call numpy in pycharm, with an error modulenotfounderror: no module named 'numpy‘
Basic use of redis
Reading BMP file with C language
Deoldify project problem - omp:error 15:initializing libiomp5md dll,but found libiomp5md. dll already initialized.
Niuke novice monthly race 40
JDBC principle
机器学习--人口普查数据分析
In the era of DFI dividends, can TGP become a new benchmark for future DFI?
double转int精度丢失问题
解决安装Failed building wheel for pillow
Face recognition_ recognition
neo4j安装教程
Cookie setting three-day secret free login (run tutorial)
数数字游戏
vs2019 使用向导生成一个MFC应用程序
Install mongdb tutorial and redis tutorial under Windows
MySQL主從複制、讀寫分離
Remember the interview algorithm of a company: find the number of times a number appears in an ordered array
L2-004 这是二叉搜索树吗? (25 分)
Image recognition - pyteseract TesseractNotFoundError: tesseract is not installed or it‘s not in your path