当前位置:网站首页>Wangeditor rich text reference and table usage
Wangeditor rich text reference and table usage
2022-07-06 11:33:00 【iatkotworld】
wangeditor Rich text component problem
Introduction to the problem :
This article records wangeditor A problem encountered in development , Before using wangeditor I didn't do much research because of time tension , Subsequent project tests , Measure and find the tables and references added in the editor , The display style is different from that in the editor , Here are the solutions .
Details :
Show the effect in the editor :
The editor displays the effect in the console :
You can see that the reference function is styled , The label is called "blockquote".
Print out the contents of the current editor :
You can see that only the label name has no label style , So after data submission , When displaying on the details page , In the page, only the tag name has no corresponding style , The corresponding display effect cannot be displayed correctly .
Solution :
css modify
Directly add the corresponding label style in the display page , The same is true for tables .
.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;
}
explain :
After adding styles to the display page , Although successfully displayed , But I'm not sure whether this method is reasonable , So I checked on the Internet again , Then I found this page , You can refer to .
Page link :https://www.kancloud.cn/wangfupeng/wangeditor3/335775
边栏推荐
猜你喜欢
Double to int precision loss
QT creator shape
Request object and response object analysis
Image recognition - pyteseract TesseractNotFoundError: tesseract is not installed or it‘s not in your path
Integration test practice (1) theoretical basis
vs2019 第一个MFC应用程序
Django running error: error loading mysqldb module solution
Did you forget to register or load this tag
{one week summary} take you into the ocean of JS knowledge
error C4996: ‘strcpy‘: This function or variable may be unsafe. Consider using strcpy_s instead
随机推荐
使用lambda在循环中传参时,参数总为同一个值
Codeforces Round #771 (Div. 2)
搞笑漫画:程序员的逻辑
How to set up voice recognition on the computer with shortcut keys
ES6 let 和 const 命令
[Blue Bridge Cup 2017 preliminary] grid division
Dotnet replaces asp Net core's underlying communication is the IPC Library of named pipes
Double to int precision loss
L2-004 is this a binary search tree? (25 points)
【CDH】CDH/CDP 环境修改 cloudera manager默认端口7180
【yarn】CDP集群 Yarn配置capacity调度器批量分配
Rhcsa certification exam exercise (configured on the first host)
Kept VRRP script, preemptive delay, VIP unicast details
Summary of numpy installation problems
2020网鼎杯_朱雀组_Web_nmap
[Flink] Flink learning
double转int精度丢失问题
Password free login of distributed nodes
Did you forget to register or load this tag
[MRCTF2020]套娃