You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

160 lines
6.6 KiB

@extends('admin.layouts.app')
@section('title', '发布文章')
@section('content')
<h5 class="sub-header"><a href="/fladmin/article">文章列表</a> > 发布文章</h5>
<form id="addarc" method="post" action="/fladmin/article/doadd" role="form" enctype="multipart/form-data" class="table-responsive">{{ csrf_field() }}
<table class="table table-striped table-bordered">
<tbody>
<tr>
<td align="right">文章标题:</td>
<td><input name="title" type="text" id="title" value="" class="required" style="width:60%" placeholder="在此输入标题"></td>
</tr>
<tr>
<td align="right">是否审核:</td>
<td>
<input type="radio" value='0' name="ischeck" checked />&nbsp;&nbsp;&nbsp;
<input type="radio" value='1' name="ischeck" />&nbsp;
</td>
</tr>
<tr>
<td align="right">推荐:</td>
<td>
<select name="tuijian" id="tuijian">
<?php $tuijian = config('custom.tuijian');
for($i=0;$i<count($tuijian);$i++){?><option value="<?php echo $i; ?>"><?php echo $tuijian[$i]; ?></option><?php } ?>
</select>
</td>
</tr>
<tr>
<td align="right">seoTitle:</td>
<td><input name="seotitle" type="text" id="seotitle" value="" style="width:60%"></td>
</tr>
<tr>
<td align="right" style="vertical-align:middle;">缩略图:</td>
<td style="vertical-align:middle;"><button type="button" onclick="upImage();">选择图片</button> <input name="litpic" type="text" id="litpic" value="" style="width:40%"> <img style="margin-left:20px;display:none;" src="" width="120" height="80" id="picview"></td>
</tr>
<script type="text/javascript">
var _editor;
$(function() {
//重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件
_editor = UE.getEditor('ueditorimg');
_editor.ready(function () {
//设置编辑器不可用
_editor.setDisabled('insertimage');
//隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
_editor.hide();
//侦听图片上传
_editor.addListener('beforeInsertImage', function (t, arg) {
//将地址赋值给相应的input,只取第一张图片的路径
$('#litpic').val(arg[0].src);
//图片预览
$('#picview').attr("src",arg[0].src).css("display","inline-block");
})
});
});
//弹出图片上传的对话框
function upImage()
{
var myImage = _editor.getDialog("insertimage");
myImage.render();
myImage.open();
}
</script>
<script type="text/plain" id="ueditorimg"></script>
<tr>
<td align="right">来源:</td>
<td colspan="2"><input name="source" type="text" id="source" style="width:160px" value="" size="16">&nbsp;&nbsp; 作者:<input name="writer" type="text" id="writer" style="width:100px" value="">&nbsp;&nbsp; 浏览次数:<input type="text" name="click" id="click" value="<?php echo rand(200,500); ?>" style="width:80px;"></td>
</tr>
<tr>
<td align="right">文章栏目:</td>
<td>
<select name="typeid" id="typeid">
<?php $catlist = category_tree(get_category('arctype',0));foreach($catlist as $row){
if($row["id"]==$catid){ ?>
<option selected="selected" value="<?php echo $row["id"]; ?>"><?php for($i=0;$i<$row["deep"];$i++){echo "—";}echo $row["name"]; ?></option>
<?php }else{ ?>
<option value="<?php echo $row["id"]; ?>"><?php for($i=0;$i<$row["deep"];$i++){echo "—";}echo $row["name"]; ?></option>
<?php }} ?>
</select>
</td>
</tr>
<tr>
<td align="right">关键词:</td>
<td><input type="text" name="keywords" id="keywords" style="width:50%" value=""> (多个用","分开)</td>
</tr>
<tr>
<td align="right" style="vertical-align:middle;">内容摘要:</td>
<td><textarea name="description" rows="5" id="description" style="width:80%;height:70px;vertical-align:middle;"></textarea></td>
</tr>
<tr>
<td align="right">附加选项:</td>
<td>
<input name="dellink" type="checkbox" class="np" id="dellink" value="1">
删除非站内链接
<input name="autolitpic" type="checkbox" class="np" id="autolitpic" value="1" checked="1">
提取第一个图片为缩略图
</td>
</tr>
<tr>
<td colspan="2"><strong>文章内容:</strong></td>
</tr>
<tr>
<td colspan="2">
<!-- 加载编辑器的容器 --><script id="container" name="body" type="text/plain"></script>
<!-- 配置文件 --><script type="text/javascript" src="/other/flueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 --><script type="text/javascript" src="/other/flueditor/ueditor.all.min.js"></script>
<!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container',{maximumWords:100000,initialFrameHeight:320,enableAutoSave:false});</script></td>
</tr>
<tr>
<td colspan="2"><button type="submit" class="btn btn-success" value="Submit">保存(Submit)</button>&nbsp;&nbsp;<button type="reset" class="btn btn-default" value="Reset">重置(Reset)</button></td>
</tr>
</tbody></table></form><!-- 表单结束 -->
<script>
$(function(){
$(".required").blur(function(){
var $parent = $(this).parent();
$parent.find(".formtips").remove();
if(this.value=="")
{
$parent.append(' <small class="formtips onError"><font color="red">不能为空!</font></small>');
}
else
{
var title = $("#title").val();
$.ajax({
url: <?php echo route('admin_article_articleexists'); ?>,
type: "GET",
cache: false,
data: {
"title":title
},
success: function(data){
if(data>0)
{
$parent.append(' <small class="formtips onSuccess"><font color="green">已经存在</font></small>');
}
else
{
$parent.append(' <small class="formtips onSuccess"><font color="green">OK</font></small>');
}
}
});
}
});
//重置
$('#addarc input[type="reset"]').click(function(){
$(".formtips").remove();
});
$("#addarc").submit(function(){
$(".required").trigger('blur');
var numError = $('#addarc .onError').length;
if(numError){return false;}
});
});
</script>
@endsection