107 lines
5.0 KiB
HTML
107 lines
5.0 KiB
HTML
{layout name="layout"}
|
|
{block name="title"}编辑文章 - TP-Blog 会员中心{/block}
|
|
|
|
{block name="content"}
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">编辑文章</div>
|
|
<div class="layui-card-body">
|
|
<form class="layui-form" action="" id="articleForm">
|
|
<input type="hidden" name="id" value="{$article.id}">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">标题</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="title" value="{$article.title}" required lay-verify="required" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">分类</label>
|
|
<div class="layui-input-block">
|
|
<select name="cid" lay-verify="required" style="max-width:320px;">
|
|
<option value="">请选择分类</option>
|
|
{volist name="categories" id="c"}
|
|
<option value="{$c.id}" {if $c.id==$article.cid}selected{/if}>{$c.name}</option>
|
|
{/volist}
|
|
</select>
|
|
<a href="{:url('blog/member.category/index')}" target="_blank" class="layui-btn layui-btn-primary layui-btn-sm" style="margin-left:10px;">管理分类</a>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">标签</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="tags" value="{$articleTagsStr}" placeholder="多个标签用逗号分隔" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">摘要</label>
|
|
<div class="layui-input-block">
|
|
<textarea name="summary" placeholder="选填，留空将自动截取正文" class="layui-textarea">{$article.summary}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">封面图</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="cover_image" value="{$article.cover_image}" placeholder="选填，封面图 URL" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">正文</label>
|
|
<div class="layui-input-block">
|
|
<script id="editor" type="text/plain" style="height:400px;">{$article.content}</script>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">状态</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="status" value="1" title="已发布" {if $article.status==1}checked{/if}>
|
|
<input type="radio" name="status" value="0" title="草稿" {if $article.status==0}checked{/if}>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit lay-filter="articleSubmit">保存</button>
|
|
<a href="{:url('blog/member.article/index')}" class="layui-btn layui-btn-primary">返回</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/assets/library/ueditor/ueditor.config.js"></script>
|
|
<script type="text/javascript" src="/assets/library/ueditor/ueditor.all.js"></script>
|
|
<script>
|
|
var ue = UE.getEditor('editor', {
|
|
toolbars: [[
|
|
'undo', 'redo', '|',
|
|
'removeformat', 'formatmatch', '|',
|
|
'fontsize', 'bold', 'italic', 'underline', 'strikethrough', 'forecolor', 'backcolor', '|',
|
|
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', 'indent', '|',
|
|
'inserttable', 'blockquote', 'horizontal', 'insertcode', 'emotion', '|',
|
|
'searchreplace'
|
|
]],
|
|
autoHeightEnabled: true,
|
|
initialFrameWidth: '100%',
|
|
initialFrameHeight: 400
|
|
});
|
|
|
|
layui.use(['form', 'layer'], function(){
|
|
var form = layui.form, layer = layui.layer, $ = layui.$;
|
|
form.on('submit(articleSubmit)', function(data){
|
|
var content = UE.getEditor('editor').getContent();
|
|
if (! content.trim()) {
|
|
layer.msg('请输入文章内容', {icon:2});
|
|
return false;
|
|
}
|
|
data.field.content = content;
|
|
$.post('{:url("blog/member.article/update", ["id" => $article.id])}', data.field, function(res){
|
|
if(res.code === 1){
|
|
layer.msg(res.msg, {icon:1}, function(){ location.href = res.url; });
|
|
} else {
|
|
layer.msg(res.msg, {icon:2});
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
{/block}
|