UEditor中表格和代码块宽度过长移动端适配

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代码块宽度在移动端的自适应。