PbootCMS后台使用编辑器_UEditor_排版_图片_代码_视频_完整教程
PbootCMS后台UEditor编辑器使用完整教程。
编辑器界面： - 顶部工具栏：字体、大小、加粗、斜体、下划线、颜色、对齐、列表、链接、图片、表格、代码等。 - 编辑区：可视化编辑，所见即所得。 - 底部：字数统计、HTML源码切换按钮。
基本排版：
标题： - 选中文字→工具栏选"标题H2/H3/H4"。 - 文章大标题用H2，小标题H3，段落标题H4。 - 不要用H1（页面只有一个H1，通常是文章标题）。 - 标题含关键词，利于SEO。
段落： - 每段3-5行，不要太长。 - 段与段之间空一行（回车）。 - 重要内容加粗或标色。 - 首行不缩进（网页习惯顶格）。
字体和大小： - 正文默认14-16px，不要改太小。 - 字体用默认（微软雅黑/苹方），不要用艺术字体。 - 颜色：正文黑色，重点用品牌色或红色，不要五颜六色。
列表： - 无序列表（圆点）：并列内容。 - 有序列表（数字）：步骤、流程。 - 工具栏点列表按钮，自动生成。 - 列表项简洁，每项一行。
引用： - 工具栏引用按钮，文字加左边框和背景。 - 用于引用他人话语、重要提示。 - 不要滥用，整篇都是引用就没重点了。
图片操作：
上传图片： - 工具栏点"图片"按钮→上传→选择文件→确定。 - 或直接拖拽图片到编辑区。 - 图片自动上传到data/upload目录。 - 支持jpg/png/gif，单张建议不超过500KB。
图片设置： - 选中图片→点"图片"按钮→改尺寸、对齐、链接。 - 宽度设100%（响应式），或固定像素。 - 对齐：左对齐、居中、右对齐。 - 加链接：图片点击跳转URL。 - alt属性：图片描述，SEO和无障碍用，上传时填标题。
图片排版： - 图文混排：图片左对齐+文字环绕，或图片居中独占一行。 - 多图：用表格排版，或每张图单独一行居中。 - 图片之间空一行，不要挤在一起。 - 大图压缩后上传，加载快。
链接： - 选中文字→工具栏"链接"按钮→填URL→确定。 - 新窗口打开：勾选"在新窗口打开"（外部链接建议开）。 - 内部链接用相对路径或完整域名。 - 锚点链接：页内跳转，URL填#id。 - 取消链接：选中→点"取消链接"。
表格： - 工具栏"表格"→选行列数→生成。 - 表头加粗，背景色区分。 - 单元格可合并、拆分、增删行列。 - 表格宽度100%，响应式。 - 产品参数、对比用表格清晰。
代码： - 工具栏"代码"按钮→选语言（HTML/CSS/JS/PHP等）→粘贴代码→确定。 - 代码块有语法高亮。 - 行内代码：用反引号包裹（部分版本支持）。 - 代码不要太长，太长用附件或代码平台链接。
视频： - 方法一：上传视频到编辑器（支持mp4，文件大不推荐）。 - 方法二：嵌入第三方视频（优酷、腾讯视频、B站）。 - 视频平台分享→复制通用代码/iframe。 - 编辑器切HTML源码模式→粘贴iframe代码。 - 切回可视化，视频显示占位框。 - 方法三：HTML5 video标签： ``` ``` - 视频文件大，建议用第三方平台，不占服务器带宽。
HTML源码模式： - 工具栏"HTML"按钮切换。 - 直接编辑HTML代码，适合高级操作。 - 粘贴复杂代码（视频、表单、特殊样式）。 - 切回可视化前确认代码正确，错误代码可能导致排版乱。 - 从Word粘贴建议先切源码模式粘贴，避免带垃圾样式。
清理格式： - 从Word/网页复制内容，带大量内联样式。 - 工具栏"清除格式"按钮，去掉所有样式。 - 或先粘贴到记事本，再复制到编辑器。 - 重新排版，干净的HTML利于SEO和加载。
预览： - 编辑完点"预览"按钮，看前台效果。 - 检查图片、链接、排版。 - 手机端也预览。
保存： - 点"保存"按钮，文章存数据库。 - 定时自动保存（部分版本支持）。 - 保存后可在文章列表看到。 - 发布：状态选"已发布"，前台显示。 - 草稿：状态选"草稿"，前台不显示，继续编辑。
常见问题： - 图片上传失败：data目录权限、磁盘满、PHP配置（参考上传失败排查文章）。 - 排版乱：从Word粘贴带垃圾代码，清除格式重新排。 - 链接自动加http：magnet/ed2k等特殊协议，参考UEditor链接问题文章。 - 视频不显示：iframe代码被过滤，切源码模式粘贴。 - 保存后内容丢失：PHP post_max_size太小，调大。
UEditor功能强大，掌握基本排版+图片+链接+表格，90%的文章编辑需求都能满足。熟练使用后，文章排版专业高效。
更新时间：2026-08-26 17:32:48
上一篇：宝塔面板网站目录修改：根目录、运行目录、子目录、权限全说明