YwxAppThink/addon/forum/view/backend/editor/index.html

<div class="layui-card">
  <div class="layui-card-header">编辑器配置（UEditor）</div>
  <div class="layui-card-body">
    <form class="layui-form" lay-filter="editorForm">
      <div class="layui-form-item">
        <label class="layui-form-label">上传目录</label>
        <div class="layui-input-inline" style="width:360px;">
          <input type="text" name="editor_upload_dir" value="{$cfg.editor_upload_dir}" class="layui-input" placeholder="相对 public/ 的目录">
        </div>
        <div class="layui-form-mid layui-word-aux">图片/附件/视频均存放于此目录下（按类型分子目录）</div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">图片类型</label>
        <div class="layui-input-inline" style="width:360px;">
          <input type="text" name="editor_image_ext" value="{$cfg.editor_image_ext}" class="layui-input" placeholder="逗号分隔，不含点">
        </div>
        <div class="layui-form-mid layui-word-aux">允许上传的图片扩展名</div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">图片大小(MB)</label>
        <div class="layui-input-inline" style="width:160px;">
          <input type="number" name="editor_image_size" value="{$cfg.editor_image_size}" class="layui-input" min="1" step="1">
        </div>
        <div class="layui-form-mid layui-word-aux">单张图片最大体积</div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">附件类型</label>
        <div class="layui-input-inline" style="width:360px;">
          <input type="text" name="editor_file_ext" value="{$cfg.editor_file_ext}" class="layui-input" placeholder="逗号分隔，不含点">
        </div>
        <div class="layui-form-mid layui-word-aux">允许上传的附件扩展名</div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">附件大小(MB)</label>
        <div class="layui-input-inline" style="width:160px;">
          <input type="number" name="editor_file_size" value="{$cfg.editor_file_size}" class="layui-input" min="1" step="1">
        </div>
        <div class="layui-form-mid layui-word-aux">单个附件最大体积</div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">视频类型</label>
        <div class="layui-input-inline" style="width:360px;">
          <input type="text" name="editor_video_ext" value="{$cfg.editor_video_ext}" class="layui-input" placeholder="逗号分隔，不含点">
        </div>
        <div class="layui-form-mid layui-word-aux">允许上传的视频扩展名</div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">视频大小(MB)</label>
        <div class="layui-input-inline" style="width:160px;">
          <input type="number" name="editor_video_size" value="{$cfg.editor_video_size}" class="layui-input" min="1" step="1">
        </div>
        <div class="layui-form-mid layui-word-aux">单个视频最大体积</div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">远程图片抓取</label>
        <div class="layui-input-inline">
          <input type="checkbox" name="editor_catch_image" value="1" {if $cfg.editor_catch_image == 1}checked{/if} lay-skin="switch" lay-text="开启|关闭">
        </div>
        <div class="layui-form-mid layui-word-aux">粘贴 Word / 网页时是否把外链图落地到本地</div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">初始高度(px)</label>
        <div class="layui-input-inline" style="width:160px;">
          <input type="number" name="editor_height" value="{$cfg.editor_height}" class="layui-input" min="100" step="20">
        </div>
        <div class="layui-form-mid layui-word-aux">发帖页编辑器默认高度</div>
      </div>

      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn" lay-submit lay-filter="saveEditor">保存配置</button>
        </div>
      </div>
    </form>
  </div>
</div>
<script>
layui.use(['form', 'jquery', 'layer'], function(){
  var form = layui.form, $ = layui.jquery, layer = layui.layer;
  form.on('submit(saveEditor)', function(data){
    // 开关未勾选时浏览器不提交该字段，这里补齐
    if (!data.field.editor_catch_image) { data.field.editor_catch_image = 0; }
    $.post('/forum/backend/editor/save', data.field, function(res){
      if (res.code === 0) {
        layer.msg('保存成功', {icon:1});
        setTimeout(function(){ location.reload(); }, 800);
      } else {
        layer.msg(res.message || '保存失败');
      }
    }, 'json');
    return false;
  });
});
</script>