PbootCMS后台使用编辑器_UEditor功能介绍_图片上传_代码编辑_排版技巧
PbootCMS后台用的是UEditor富文本编辑器,功能全面,适合日常内容编辑。编辑器工具栏有:字体、字号、颜色、加粗、斜体、下划线、对齐方式、列表、链接、图片、表格、代码块、全屏等。熟悉这些功能,编辑文章效率高。
图片上传:点工具栏的图片图标,弹出上传窗口,选"上传"标签,点"选择文件"选本地图片,支持jpg/png/gif,单张不超过配置的大小限制(默认2M)。上传后图片插入到光标位置。可以拖拽调整图片大小,双击图片改属性(宽高、对齐、链接、alt)。多图上传支持批量选择,一次传多张。图片存在服务器`data/upload/年月/`目录下。
代码编辑:点工具栏的"HTML"按钮切换到源码模式,直接编辑HTML代码。适合插入自定义代码(视频iframe、特殊布局、广告代码)。改完再点"HTML"切回可视化模式预览。注意源码模式下不要乱删标签,否则排版错乱。复杂布局建议在本地写好HTML再粘贴进来。
排版技巧:文章标题用H2-H4标签(工具栏的"格式"下拉选),不要用加大加粗普通文字代替标题,H标签利于SEO。段落之间空一行,不要用多个
撑间距。列表用工具栏的有序/无序列表按钮,不要手打数字加顿号。图片加alt属性(双击图片填描述),利于SEO和无障碍。
链接插入:选中文字点链接图标,填URL和打开方式(当前窗口/新窗口)。外部链接选新窗口打开,内部链接当前窗口。链接文字用关键词,不要用"点击这里"。锚点链接在URL里填`#锚点名`,页面内跳转。
表格插入:点表格图标选行列数,生成表格后可以增删行列、合并单元格、改边框。表格适合展示参数对比、价格表。移动端表格会横向滚动,列数不要太多(建议不超过5列),否则手机上难读。
全屏编辑:点全屏按钮,编辑器占满整个屏幕,适合长文章编辑。退出全屏点同样按钮。编辑器右下角有拖拽条,拉大编辑区域。长文章建议分段写,写完一段保存一次,避免浏览器崩溃丢内容。
粘贴内容:从Word或其他网页复制内容粘贴,会带大量格式垃圾。用"粘贴为纯文本"按钮(T图标),只保留文字,然后在编辑器里重新排版。或者先粘贴到记事本,再复制到编辑器。干净的HTML代码页面加载快,SEO友好。
编辑器配置修改:UEditor的配置在`static/ueditor/ueditor.config.js`,可以改工具栏按钮、上传大小限制、允许的标签。PbootCMS后台"系统配置"里也有编辑器相关设置。需要自定义功能时改配置,改完清缓存。不要随意删编辑器文件,否则功能异常。

更新时间:2026-08-26 17:40:26
上一篇:如何修改网页文字或图片_在线编辑_FTP替换_可视化操作教程