PbootCMS后台使用编辑器_图片上传_代码插入_排版技巧_常见问题
PbootCMS后台UEditor编辑器使用技巧和常见问题。
基础操作： - 工具栏：字体、字号、颜色、加粗、斜体、下划线、对齐、列表、链接、图片、表格、代码、全屏。 - 输入文字，选中后点工具栏按钮设置格式。 - 回车换行（新段落），Shift+回车软换行（不换段）。
图片上传： - 点图片图标→上传标签→选择文件→选本地图片→上传→确定。 - 支持jpg/png/gif，大小受PHP配置限制（默认2M）。 - 上传后图片插入光标位置。 - 选中图片可拖拽调整大小，双击改属性（宽高、对齐、链接、alt）。 - 多图批量上传：一次选多张。 - 图片存在data/upload/年月/目录。
图片排版： - 左浮动：文字环绕图片左侧。 - 右浮动：文字环绕图片右侧。 - 居中：图片单独一行居中。 - 图片加间距：选中图片设置边距，避免文字紧贴图片。 - 多图排列：用表格或div分栏，图片加间距。
链接插入： - 选中文字→点链接图标→填URL→选打开方式（新窗口/当前窗口）。 - 外部链接选新窗口，内部链接当前窗口。 - 链接文字用关键词，不用"点击这里"。 - 锚点链接：URL填`#锚点名`，页面内跳转。
代码插入： - 点"代码块"按钮→选语言→粘贴代码→确定。 - 或HTML源码模式写`
代码视频插入： - 第三方平台（优酷/B站）：分享→复制iframe代码→HTML源码模式粘贴。 - 本地视频：FTP上传到data/upload/video/→源码写``。 - 视频用H.264 mp4，兼容性最好。
表格插入： - 点表格图标→选行列数→生成。 - 可增删行列、合并单元格、改边框。 - 适合参数对比、价格表。 - 移动端表格横向滚动，列数不超过5列。
HTML源码模式： - 点"HTML"按钮切换，直接写HTML。 - 适合插入视频、地图、特殊布局、广告代码。 - 改完切回可视化预览。 - 注意：切回可视化时UEditor可能重新格式化，复杂布局建议写完直接保存，不切回。
排版技巧：
- 标题用H2-H4（格式下拉选），不要用加大加粗普通文字。
- 段落之间空一行，不用多个
撑间距。
- 列表用工具栏的有序/无序列表，不要手打数字。
- 图片加alt属性（双击图片填描述）。
- 首行缩进用CSS，不要打空格。
- 长文章分段，每段3-5行，加小标题。
- 重点内容加粗或用引用块。
粘贴内容： - 从Word复制带大量垃圾格式，用"粘贴为纯文本"按钮（T图标）。 - 或先粘贴到记事本，再复制到编辑器。 - 干净的HTML页面加载快，SEO友好。
全屏编辑： - 点全屏按钮，编辑器占满屏幕，适合长文章。 - 长文章分段写，写完一段保存一次，避免浏览器崩溃丢内容。
常见问题： - 图片上传失败：目录权限（data/upload所有者www）、PHP配置（upload_max_filesize）、GD扩展、磁盘满。 - 视频不显示：UEditor过滤iframe，改白名单允许iframe；或用源码模式直接保存不切回可视化。 - 排版乱：从Word粘贴带垃圾代码，清除格式重新排。 - 图片变形：拖拽调整时没锁定宽高比，用原始尺寸或等比缩放。 - 代码被过滤：UEditor的XSS过滤删了script等标签，需要改白名单。 - 编辑器加载慢：网络问题或JS文件缺失，检查static/ueditor目录完整性。
编辑器配置修改： - `static/ueditor/ueditor.config.js`：工具栏按钮、上传大小、允许标签。 - `static/ueditor/ueditor.all.js`：核心逻辑，XSS过滤、链接处理。 - 改前备份，升级PbootCMS后可能被覆盖。
UEditor是功能全面的编辑器，熟练使用能提升内容创作效率。掌握图片排版、源码模式、纯文本粘贴，就能产出高质量的文章内容。
更新时间：2026-08-26 17:33:31
上一篇：宝塔面板修改服务器密码教程_root密码与面板密码安全修改