layedit 不支持首行缩进，因输出为纯 html 段落且受 iframe 样式隔离影响；text-indent 失效主因是内联样式覆盖、white-space 重置或扩展版过滤；应使用高权重选择器 .layui-layedit-iframe p { text-indent: 2em; margin: 0; } 并排除首段，避免改源码。
layedit 本身不支持首行缩进，它输出的是纯 HTML 段落（<p></p>），缩进必须靠 CSS 控制；直接在编辑器里敲空格或用 会导致渲染不一致、复制粘贴错乱、移动端显示异常。
为什么 layedit 的 text-indent 不生效？
常见现象：给 p 加了 text-indent: 2em，但编辑器预览区没反应，或者保存后前端页面也不缩进。
根本原因不是样式没写，而是：
-
layedit默认把内容包裹在<div class="layui-layedit-iframe"> 内，而 iframe 中的 <code><p></p>可能被重置了display或继承了父级white-space: pre-wrap，导致首行盒未生成 - 富文本输出时，
layedit会自动给段落加内联样式（如style="margin:0"），可能覆盖你的外部 CSS - 如果用了
Kz.layedit扩展版，其自定义工具栏或内容过滤逻辑可能 strip 掉text-indent
真正有效的 CSS 写法（不用改源码）
绕过 iframe 样式隔离，直接作用于编辑器内容区内的 p 元素：
.layui-layedit-iframe p {
text-indent: 2em;
margin: 0;
}
/* 防止首段缩进（如导语、标题后） */
.layui-layedit-iframe p:first-of-type {
text-indent: 0;
}
关键点：
- 必须用
.layui-layedit-iframe p这种高权重选择器，否则被内联 style 覆盖 - 显式设
margin: 0，因为layedit默认会给p加margin-bottom: 10px，和缩进混在一起容易误判效果 - 不要只写
p { text-indent: 2em }—— 它对 iframe 里的内容无效
如果非要修改 layedit.js 实现按钮控制
你得改两处核心逻辑，且注意兼容性：
- 在工具栏定义中加入
indent:'<i class="layui-icon layedit-tool-indent" title="首行缩进" layedit-event="indent"></i>' - 在事件处理器里补上
indent方法：indent: function(range) { var container = getContainer(range); var p = container.parentNode; if (p && p.tagName === 'P') { p.style.textIndent = p.style.textIndent === '2em' ? '' : '2em'; } } - ⚠️ 注意：这个方法只改内联 style，无法响应全局 CSS 变更；且移动端 touch 事件下
getContainer(range)可能返回undefined，需加空值判断
最稳的做法，是放弃按钮，用 CSS 统一控制输出后的 HTML —— 因为用户粘贴、导入、编辑器自动换行等行为，都会破坏手动插入的缩进标记；而 text-indent: 2em 在所有现代浏览器中都可靠，只要确保它作用在真正的块级 p 上，且没被 white-space: nowrap 或 direction: rtl 干扰。
