article.html 13.6 KB
<include file="public/layout" />
<script type="text/javascript">
    window.UEDITOR_Admin_URL = "__ROOT__/public/plugins/Ueditor/";
    var URL_upload = "{$URL_upload}";
    var URL_fileUp = "{$URL_fileUp}";
    var URL_scrawlUp = "{$URL_scrawlUp}";
    var URL_getRemoteImage = "{$URL_getRemoteImage}";
    var URL_imageManager = "{$URL_imageManager}";
    var URL_imageUp = "{$URL_imageUp}";
    var URL_getMovie = "{$URL_getMovie}";
    var URL_home = "{$URL_home}";    
</script>

<load href="__ROOT__/public/plugins/Ueditor/ueditor.config.js"/>
<load href="__ROOT__/public/plugins/Ueditor/ueditor.all.js"/>
<script type="text/javascript" src="__PUBLIC__/static/js/layer/laydate/laydate.js"></script>

<style type="text/css">
html, body {
	overflow: visible;
}
</style>  
<body style="background-color: #FFF; overflow: auto;">
<div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
  <div class="fixed-bar">
    <div class="item-title"><a class="back" href="javascript:history.back();" title="返回列表"><i class="fa fa-arrow-circle-o-left"></i></a>
      <div class="subject">
        <h3>文章管理 - 新增文章</h3>
        <h5>系统文章索引与管理</h5>
      </div>
    </div>
  </div>
  <form class="form-horizontal" action="{:U('Article/aticleHandle')}" id="add_post" method="post">
      <input type="hidden" name="oldurl" value="{$oldurl}">
    <div class="ncap-form-default">
      <dl class="row">
        <dt class="tit">
          <label><em>*</em>标题</label>
        </dt>
        <dd class="opt">
          <input type="text" value="{$info.title}"  maxlength="60"
                 onkeydown="strkeydown(event, this, 'sumbitbtn')"
                 name="title" class="input-txt">
          <span class="err cr"></span>
          <p class="notic">最大80个字</p>
        </dd>
      </dl>
      <dl class="row" >
        <dt class="tit">
          <label for="cate_id"><em>*</em>所属分类</label>
        </dt>
        <dd class="opt">
        <select class="small form-control" name="cat_id" id="cat_id" onkeydown="strkeydown(event, this, 'sumbitbtn')">
            <option value="0">选择分类</option>
            {$cat_select} 
        </select>        
          <span class="err cr"></span>
          <p class="notic"></p>
        </dd>
      </dl>
	  <dl class="row" style="display: none;">
        <dt class="tit">
          <label for="articleForm">seo关键字</label>
        </dt>
        <dd class="opt">
          <input type="text" name="keywords"  value="{$info.keywords}" maxlength="120"
                 onkeydown="strkeydown(event, this, 'sumbitbtn')"
                 class="input-txt">
          <span class="err"></span>
          <p class="notic">用于seo 搜索引擎友好,最多120个字</p>
        </dd>
      </dl>        
      <dl class="row" style="display: none;">
        <dt class="tit">
          <label for="articleForm">链接</label>
        </dt>
        <dd class="opt">
          <input id="a_link" type="text" name="link"  value="{$info.link}"  maxlength="140"
                 onkeydown="strkeydown(event, this, 'sumbitbtn')"
                 class="input-txt">
          <span class="err cr"></span>
          <p class="notic">当填写"链接"后点击文章标题将直接跳转至链接地址,不显示文章内容。链接格式请以http://开头</p>
        </dd>
      </dl>
	  <dl class="row">
        <dt class="tit">
          <label for="articleForm">发布时间</label>
        </dt>
        <dd class="opt">
            <input type="text" class="input-txt" id="publish_time"
                   onkeydown="strkeydown(event, this, 'sumbitbtn')"
                   name="publish_time"  value="{$info.add_time|date="Y-m-d H:i:s",###}" >
            
            <span class="add-on input-group-addon">
                    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
            </span> 
          <span class="err"></span>
        </dd>
      </dl>       
      <dl class="row">
        <dt class="tit">
          <label>显示</label>
        </dt>
        <dd class="opt">
          <div class="onoff">
            <label for="article_show1" class="cb-enable <if condition="$info[is_open] eq 1">selected</if>">是</label>
            <label for="article_show0" class="cb-disable <if condition="$info[is_open] eq 0">selected</if>">否</label>
            <input id="article_show1" name="is_open"
                   onkeydown="strkeydown(event, this, 'sumbitbtn')"
                   value="1" type="radio" <if condition="$info[is_open] eq 1"> checked="checked"</if>>
            <input id="article_show0" name="is_open"
                   onkeydown="strkeydown(event, this, 'sumbitbtn')"
                   value="0" type="radio" <if condition="$info[is_open] eq 0"> checked="checked"</if>>
          </div>
          <p class="notic"></p>
        </dd>
      </dl>
      <dl class="row">
        <dt class="tit">网页描述</dt>
        <dd class="opt">
	      <textarea class="input-txt" id="post_description" name="description"  maxlength="140"
                    onkeydown="strkeydown(event, this, 'sumbitbtn')"
                    title="">{$info.description}</textarea>
          <span class="err"></span>
          <p class="notic"></p>
        </dd>
      </dl>
        <dl class="row">
            <dt class="tit">
                <label>图片上传</label>
            </dt>
            <dd class="opt">

                <div class="ncsc-goods-default-pic">
                    <div class="goodspic-uplaod">
                        <div style="">
                            <img  id="original_img2" src="{:getImg($info.thumb,'__PUBLIC__/images/default_goods_image_240.gif')}" style="width:160px;border:#eee solid 1px" onmouseover="layer.tips('<img src={:getImg($info.thumb,'__PUBLIC__/images/default_goods_image_240.gif')}>',this, {tips: [1, '#fff']});" onmouseout="layer.closeAll();">
                        </div>
                        <input type="hidden" id="thumb" name="thumb"
                               onkeydown="strkeydown(event, this, 'submitbtn')"
                               value="{$info.thumb}" class="type-file-text">
                        <p class="hint">请上传图片格式文件,<Font color="red">大小建议为:240*240像素。</Font> </p>
                        <div class="handle">
                            <div class="ncsc-upload-btn">
                                <a  onClick="GetUploadify_new(1,'thumb','article','{$erpid}','article','article_id','thumb','{$info.article_id}','img_call_back')"  >
                                    <p><i class="icon-upload-alt"></i>图片上传</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!--<div class="input-file-show">-->
                        <!--<span class="show">-->
                            <!--<a id="img_a" class="nyroModal" rel="gal" href="{$info.thumb}">-->
                                <!--<i id="img_i" class="fa fa-picture-o" onmouseover="layer.tips('<img src={$info.thumb}>',this,{tips: [1, '#fff']});" onmouseout="layer.closeAll();"></i>-->
                            <!--</a>-->
                        <!--</span>-->
                    <!--<span class="type-file-box">-->
                            <!--<input type="text" id="thumb"-->
                                   <!--onkeydown="strkeydown(event, this, 'sumbitbtn')"-->
                                   <!--name="thumb" value="{$info.thumb}" class="type-file-text">-->
                            <!--<input type="button" name="button" id="button1" value="选择上传..." class="type-file-button">-->
                            <!--<input class="type-file-file" onClick="GetUploadify_new(1,'thumb','article','{$erpid}','article','article_id','thumb','{$info.article_id}','img_call_back')" size="30" title="点击前方预览图可查看大图,点击按钮选择文件并提交表单后上传生效">-->
                        <!--</span>-->
                <!--</div>-->
                <!--<span class="err"></span>-->
                <!--<p class="notic">请上传图片格式文件</p>-->
            </dd>
        </dl>
      <dl class="row">
        <dt class="tit">
          <label>文章内容</label>
        </dt>
        <dd class="opt">          
            <textarea class="span12 ckeditor"
                      onkeydown="strkeydown(event, this, 'sumbitbtn')"
                      id="post_content" name="content" title="">{$info.content}</textarea>
          <span id="fcont" class="err cr"></span>
          <p class="notic"></p>
        </dd>
      </dl>

      <div class="bot"><a id="sumbitbtn" href="JavaScript:void(0);" onClick="checkForm()" class="ncap-btn-big ncap-btn-green" id="submitBtn">确认提交</a></div>
    </div>
        <input type="hidden" name="act" value="{$act}">
        <input type="hidden" name="article_id" value="{$info.article_id}"></label>
        <input type="hidden" name="editorimg" id="editorimg" value="{$info.editorimg}">
  </form>

    <input type="hidden"  id="qclurl" value="{$qclurl}" name="qclurl">
</div>

<script type="text/javascript">
    var url="{:url('Ueditor/index',array('savepath'=>'article'))}";
    var editor;
    $(function () {
        //具体参数配置在  editor_config.js 中
        var options = {
            zIndex: 999,
            initialFrameWidth: "70%", //初化宽度
            initialFrameHeight: 300, //初化高度            
            focus: false, //初始化时,是否让编辑器获得焦点true或false
            maximumWords: 99999, removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign',//允许的最大字符数 'fullscreen',
            pasteplain:false, //是否默认为纯文本粘贴。false为不使用纯文本粘贴,true为使用纯文本粘贴
            autoHeightEnabled: true
         /*   autotypeset: {
                mergeEmptyline: true,        //合并空行
                removeClass: true,           //去掉冗余的class
                removeEmptyline: false,      //去掉空行
                textAlign: "left",           //段落的排版方式,可以是 left,right,center,justify 去掉这个属性表示不执行排版
                imageBlockLine: 'center',    //图片的浮动方式,独占一行剧中,左右浮动,默认: center,left,right,none 去掉这个属性表示不执行排版
                pasteFilter: false,          //根据规则过滤没事粘贴进来的内容
                clearFontSize: false,        //去掉所有的内嵌字号,使用编辑器默认的字号
                clearFontFamily: false,      //去掉所有的内嵌字体,使用编辑器默认的字体
                removeEmptyNode: false,      //去掉空节点
                                             //可以去掉的标签
                removeTagNames: {"font": 1},
                indent: false,               // 行首缩进
                indentValue: '0em'           //行首缩进的大小
            }*/
            ,serverUrl:url
        };

        editor = new UE.ui.Editor(options);
        editor.render("post_content");
        $('#publish_time').layDate();

        $(window).scroll(function () {
            if($(".edui-editor-toolbarbox").css('position')=="fixed"){
                $(".edui-editor-toolbarbox").css('top','58px');
            }
        });
     
    });
	
	function checkForm(){
        layer.msg('加载中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '10px', time:100000}) ;
		if($('input[name="title"]').val() == ''){
			layer.msg("请填写文章标题!",{icon:2,time:1000});
            $('input[name="title"]').focus();
            $('input[name="title"]').parent().find("span").text("请选择文章类别!");
			return false;
		}
		if($('#cat_id').val() == '' || $('#cat_id').val() == 0){
            layer.msg("请选择文章类别!",{icon:2,time:1000});
            $('#cat_id').parent().find("span").text("请选择文章类别!");
            $('#cat_id').focus();
			return false;
		}
		var geteditor=editor.getContent();

//
//geteditor=geteditor.match(/<img src=(?:.|\s)*?>/g);
//		alert(geteditor);
//		return;
		$('#add_post').submit();
	}
    <!-- 系统保留分类 start-->
    var article_main_system_id = <?php echo json_encode($article_main_system_id); ?>;
    $("#cat_id").change(function(){
        var v = parseInt($(this).val());
        if(jQuery.inArray(v, article_main_system_id) != -1){

            layer.msg("系统保留分类,不允许在该分类添加文章!",{icon:2,time:1000});
            $(this).val(0);
        }

    });

    $("#cat_id2").change(function(){
        var v = parseInt($(this).val());
        if(jQuery.inArray(v, article_main_system_id) != -1){
            layer.msg("系统保留分类,不允许在该分类添加文章!",{icon:2,time:1000});
            $(this).val(0);
        }

    });

    function img_call_back(fileurl_tmp)
    {
        //alert(fileurl_tmp);
        var getqclurl=$("#qclurl").val();
        //alert(getqclurl);

        $("#thumb").val(fileurl_tmp);
        $("#original_img2").attr('src', getqclurl+fileurl_tmp);
        $("#original_img2").attr('onmouseover', "layer.tips('<img src="+getqclurl+fileurl_tmp+">',this,{tips: [1, '#fff']});");
    }

    /*正则是不是链接*/
    function IsMyURL(str) {
        var RegUrl = new RegExp();
        RegUrl.compile("^[A-Za-z]+://[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&\?\/.=]+$");
        if (!RegUrl.test(str)) {
            return false;
        }
        return true;
    }

</script>
</body>
</html>