百度 Ueditor 样式完善，解决拖拽鼠标从后向前选择容易选中所有的问题

微wx笑 2025-01-12【前端开发】28 0 0关键字：

解决方案主要是增加 P 标签的左右的 padding，这样在选择的时候视觉上鼠标已经超出了 p 标签的内容范围，实际上其实还是在 p 标签内，所以就不会那么容易当鼠标一移到行首就选择

nrM无知

解决方案主要是增加 P 标签的左右的 padding，nrM无知

这样在选择的时候视觉上鼠标已经超出了 p 标签的内容范围，nrM无知

实际上其实还是在 p 标签内，
nrM无知

所以就不会那么容易当鼠标一移到行首就选择所有内容的情况了。nrM无知

nrM无知

需要修改的文件：ueditor/themes/iframe.cssnrM无知

修改后的内容：nrM无知

@charset "utf-8";
/*可以在这里添加你自己的css*/
body {
 padding:0px !important; 
 margin:5px !important; 
}
body, p {
 color: rgb(51, 51, 51);
 font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.5;
 white-space: normal;
 text-align: justify; 
}
 
img {
 max-width:100%; 
}
 
p {
 padding:0 10px !important; 
}