PbootCMS后台使用编辑器插入代码_HTML源码模式_视频地图_高级排版
PbootCMS后台UEditor编辑器支持HTML源码模式，可以插入自定义代码实现高级功能。
切换源码模式： - 编辑器工具栏点"HTML"按钮（<>图标），切换到源码编辑。 - 直接写HTML代码，再点"HTML"切回可视化预览。 - 源码模式适合插入视频、地图、表格、特殊布局、广告代码。
插入视频： 方法一：第三方平台嵌入（推荐） - 优酷/腾讯视频/B站→分享→复制通用代码（iframe）。 - 编辑器切HTML源码，粘贴iframe代码。 - 切回可视化看到视频占位。 - 示例：``
方法二：本地视频 - FTP上传视频到data/upload/video/目录。 - 源码模式写：`` - controls显示播放控件，poster是封面图。 - 视频用H.264编码mp4，兼容性最好。
插入地图： - 百度地图生成器：http://api.map.baidu.com/lbsapi/creatmap/ - 输入地址，设置地图大小，生成代码。 - 复制iframe代码，粘贴到编辑器源码模式。 - 示例：`` - 联系我们页面常用。
插入表格： - 可视化模式点表格图标，选行列数。 - 或源码模式写HTML表格： ```
| 参数 | 值 |
|---|---|
| 尺寸 | 100x200 |
插入代码块： - 工具栏"代码块"按钮，选语言，粘贴代码。 - 或源码模式用`
代码高级排版技巧： - 分栏布局：用div+CSS实现两栏。 ```
粘贴内容注意： - 从Word复制会带大量垃圾代码，用"粘贴为纯文本"按钮（T图标）。 - 或先粘贴到记事本，再复制到编辑器。 - 干净的HTML页面加载快，SEO友好。
UEditor过滤问题： - UEditor的XSS过滤可能删除script、iframe等标签。 - 需要插入iframe（视频/地图）时，在ueditor.config.js的whitelist里添加iframe和对应属性。 - 或在ueditor.all.js里找到过滤规则，添加允许的标签。 - 修改前备份，升级PbootCMS后可能被覆盖。
图片处理： - 上传图片后，选中图片可以改对齐（左浮动/右浮动/居中）、大小、链接。 - 图片加alt属性：双击图片，描述里填文字。 - 多图排版：用表格或div分栏，图片加间距。
链接处理： - 选中文字点链接图标，填URL，选打开方式（新窗口/当前窗口）。 - 外部链接选新窗口，内部链接当前窗口。 - 锚点链接：URL填`#锚点名`，页面内跳转。
全屏编辑： - 工具栏全屏按钮，编辑器占满屏幕，适合长文章。 - 长文章分段写，写完一段保存一次，避免浏览器崩溃丢内容。
源码模式和可视化模式切换时，UEditor可能重新格式化代码，部分自定义样式可能被改。复杂布局建议在本地写好HTML，粘贴到源码模式后直接保存，不要切回可视化模式编辑。
编辑器是内容管理的核心工具，熟练使用源码模式能实现很多可视化模式做不到的效果，提升文章表现力。
更新时间：2026-08-26 18:06:38
上一篇：企业网站内容更新维护方案_文字图片产品信息定期修改操作手册