YwxAppThink/addon/articles/view/backend/article/edit.html

<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-card-header">编辑文章</div>
    <div class="layui-card-body">
      <form class="layui-form" id="form">
        <input type="hidden" name="id" value="{$article.id|default=0}">

        <div class="layui-form-item">
          <label class="layui-form-label">标题</label>
          <div class="layui-input-block">
            <input type="text" name="title" value="{$article.title|default=''}" class="layui-input" lay-verify="required">
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">分类</label>
          <div class="layui-input-inline">
            <select name="cid" lay-verify="required">
              <option value="">请选择分类</option>
              {volist name='categories' id='c'}
              <option value="{$c.id}" {if isset($article['cid']) && $article['cid'] == $c['id']}selected{/if}>{$c.name}</option>
              {/volist}
            </select>
          </div>
          <label class="layui-form-label">标签</label>
          <div class="layui-input-inline">
            <input type="text" name="tags" value="{$tagNamesStr|default=''}" class="layui-input" placeholder="逗号分隔">
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">封面图</label>
          <div class="layui-input-block">
            <input type="text" name="cover_image" id="cover_image" value="{$article.cover_image|default=''}" class="layui-input" style="width:calc(100% - 120px);display:inline-block;" placeholder="图片地址，或点右侧上传">
            <button type="button" class="layui-btn layui-btn-primary" id="cover_upload">上传</button>
            <div style="margin-top:8px;">
              <img id="cover_preview" src="{$article.cover_image|default=''}" alt="封面预览" style="max-height:120px;{if condition="empty($article['cover_image'])"}display:none;{/if}">
            </div>
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">定时发布</label>
          <div class="layui-input-inline">
            <input type="text" name="publish_time" id="publish_time" class="layui-input" placeholder="留空=立即发布"
                   value="{if isset($article['publish_time']) && $article['publish_time']}{:date('Y-m-d H:i', $article['publish_time'])}{/if}">
          </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-block">
            <textarea name="summary" class="layui-textarea">{$article.summary|default=''}</textarea>
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">正文</label>
          <div class="layui-input-block">
            <textarea id="content" name="content" style="display:none;">{$article.content|default=''}</textarea>
            <script id="editor" type="text/plain" style="width:100%;height:420px;"></script>
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">状态</label>
          <div class="layui-input-inline">
            <input type="checkbox" name="status" value="1" {if isset($article['status']) ? $article['status'] : 1}checked{/if} title="发布" lay-skin="switch">
          </div>
          <div class="layui-input-inline">
            <input type="checkbox" name="is_top" value="1" {if isset($article['is_top']) ? $article['is_top'] : 0}checked{/if} title="置顶">
          </div>
          <div class="layui-input-inline">
            <input type="checkbox" name="is_recommend" value="1" {if isset($article['is_recommend']) ? $article['is_recommend'] : 0}checked{/if} title="推荐">
          </div>
        </div>

        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="save">保存</button>
            <a href="{:url('articles/backend/article/index')}" class="layui-btn layui-btn-primary">返回</a>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<script src="/assets/library/ueditor/ueditor.config.js"></script>
<script src="/assets/library/ueditor/ueditor.all.js"></script>
<script>
layui.use(['form', 'jquery', 'upload', 'laydate', 'http', 'ywxapp'], function () {
  var http = layui.http;
  var form = layui.form, $ = layui.jquery, upload = layui.upload, laydate = layui.laydate;

  laydate.render({ elem: '#publish_time', type: 'datetime' });

  // 封面图上传：对接框架通用上传接口 /upload（字段名 file）
  upload.render({
    elem: '#cover_upload',
    url: '/upload',
    field: 'file',
    accept: 'images',
    acceptMime: 'image/*',
    exts: 'jpg|jpeg|png|gif|webp',
    size: 2048,
    data: { type: 'articles' },
    done: function (r) {
      if (String(r.code) !== '0') {
        layer.msg(r.message || r.msg || '上传失败');
        return;
      }
      var d = r.data || {};
      // 兼容不同驱动返回的字段名
      var url = d.url || d.path || d.src || (typeof d === 'string' ? d : '');
      if (!url) {
        layer.msg('上传成功但未返回地址');
        return;
      }
      $('#cover_image').val(url);
      $('#cover_preview').attr('src', url).show();
    },
    error: function () {
      layer.msg('上传失败');
    }
  });

  var ue = UE.getEditor('editor', {
    UEDITOR_HOME_URL: '/assets/library/ueditor/',
    serverUrl: '/ueditor'
  });
  ue.ready(function () {
    var c = $('#content').val();
    if (c) { ue.setContent(c); }
  });

  form.on('submit(save)', function (data) {
    data.field.content = ue.getContent();
    http.post("{:url('articles/backend/article/update')}", data.field).then(function (r) {
        layer.msg(r.msg);
        if (r.code) { setTimeout(function () { location.href = r.url || "{:url('articles/backend/article/index')}"; }, 800); }
      });
    return false;
  });
});
</script>