您现在的位置是:首页 >  云笔记 >  开发随笔 >  文章详情

百度编辑器ueditor工具栏显示不全,如何设置自动换行多行显示全部按钮?

特不靠谱   2023-11-28 16:17:21   689人已围观

一、问题现象

最近在修改一个老的博客页面,该页面使用的是百度编辑器ueditor,再调整页面宽度后发现工具栏显示不全,如下图:

图片.png

而正常全部显示应该是这样的:

图片.png

不知道动了那段旧代码,掉坑里了!

二、解决方案

网上找了很多发现都无法解决,就自己看代码调试,发现是tabel中td熟悉中有一个:white-space: nowrap 熟悉,点击禁用发现工具栏自动换行了,立马修改CSS属性试了试,修改代码如下:

<td style="width: 90%;white-space: normal" colspan="3">
<script id="container" name="mycontent" type="text/plain" style="min-height: 400px;max-width: 1300px;white-space: normal">
</script>
<br>


图片.png

重新加载页面,显示正常:

图片.png


三、参考资料

1、百度ueditor官方Git:https://github.com/fex-team/ueditor

分享到:

编辑发布时间:2023-11-28 16:17:21