106 lines
4.8 KiB
HTML
106 lines
4.8 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">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">标题</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="title" required lay-verify="required" placeholder="请输入文章标题" 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}">{$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" placeholder="多个标签用逗号分隔，如：PHP,ThinkPHP" 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"></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" 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;"></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="立即发布" checked>
|
|
<input type="radio" name="status" value="0" title="存为草稿">
|
|
</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/save")}', 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}
|