UEditor富文本编辑器中涉及到表格和代码块当宽度过长的情况,在移动设备上或者低分辨率设备上显示时经常会撑破列宽,影响美观和客户体验。以下将介绍如何解决UEditor中表格和代码块宽度过长问题。

UEditor表格宽度过长撑破列宽的解决方法:

1
<table style="table-layout: fixed;" border="1" width="100%">

通过上述代码,即可实现UEditor表格宽度在移动端的自适应。

UEditor代码块宽度过长撑破列宽的解决方法:

1
2
3
4
.syntaxhighlighter div.container code{
    word-break:break-all !important;
    white-space:normal;
}

添加以上CSS代码,即可实现UEditor代码块宽度在移动端的自适应。