westdc-zf1/application/admin/views/scripts/news/newsadd.phtml

<?php
	$this->headTitle($this->config->title->site);
	$this->headTitle('后台管理');
	$this->headTitle()->setSeparator(' - ');
	$this->headScript()->appendFile('/static/js/jquery.tagInput.min.js');
	$theme = new Theme;
	$theme->appendPlus($this,'kindeditor');
	$this->headLink()->appendStylesheet('/static/js/uploadify/uploadify.css');
	$this->headScript()->appendFile('/static/js/uploadify/swfobject.js');
	$this->headScript()->appendFile('/static/js/uploadify/jquery.uploadify.v2.1.4.min.js');
	$this->headLink()->appendStylesheet('/css/admin.css');
	$this->breadcrumb('<a href="/">首页</a>');
	$this->breadcrumb('<a href="/admin">后台首页</a>');
	$this->breadcrumb('<a href="/admin/news">新闻中心</a>');
	$this->breadcrumb('新闻添加');
?>
<style>
	.tagInputDiv {display:none;background-color:white;position:absolute;overflow:auto;border:1px solid lightgray;margin-top:-1px;}
	.tagInputLine {color:black;font-weight:normal;padding:4px;}
	.tagInputSel {background-color:gray;color:white;}
	.tagInputLineTag {min-width:150px;display:inline-block;}
	.tagInputLineFreq {min-width:50px;text-align:right;display:inline-block;float:right;}
	.tagInputSuggestedTags {font-size: 11px;}
	.tagInputSuggestedTags .label{display:block;background:0 none;color:#666;padding:0;margin-top:4px;}
    .tagInputSuggestedTagList .tag{	padding:4px 6px;cursor:pointer;display:inline-block;margin:2px 1px;border:1px solid #bbb;}
	.tagInputSuggestedTagList span.tag:hover{background-color:#bbb;color:#fff;}
	.tagInputSuggestedTagList .tagUsed{border:1px solid #999;background-color:#999;color:#fff;}
	.width3{width:40%;}
	.first{float:left;}
</style>
<script type="text/javascript">
/* sample tags */
var tags=[
	{tag:"冻土",freq:30},{tag:"寒旱所",freq:25}, {tag:"大气",freq:10},{tag:"高原",freq:4},
	{tag:"西部",freq:3},{tag:"地理",freq:8}, {tag:"环境",freq:3},{tag:"地质",freq:20}
];

$(document).ready(function(){  	
	KindEditor.ready(function(K) {
		editor=K.create('textarea[name="body"]', {
			width : '800px',
			height : '450px',
			uploadJson : '/plugins/upload_json.php',
			fileManagerJson : '/plugins/file_manager_json.php',
			allowFileManager : true
		});
	});

	/* tag input field */
	$("#keyword").tagInput({
		tags:tags,
		//jsonUrl:"tags.json",
		sortBy:"frequency",
		suggestedTags:["冻土", "寒旱所", "大气", "高原", "西部", "环境"],
		tagSeparator:",",
		autoFilter:true,
		autoStart:false,
		//suggestedTagsPlaceHolder:$("#suggested"),
		boldify:true
	});
});
</script>
<div class="row">
    <div class="hidden-sm hidden-xs col-md-2">
        <?= $this->partial('news/left.phtml'); ?>
    </div>
    <div class="col-md-10 col-sm-12">
		<h3>新闻发布</h3>
        <hr />
		<form name="form" id="archivesadd" method="post" action="#" class="form-horizontal">
			<input type="hidden" id="image" class="half title" value="" name="image"/>
			<div class="form-group">
                <label for="title" class="required col-md-2 col-sm-2 col-xs-2 control-label">标题：</label>
                <div class="col-md-6 col-sm-9 col-xs-9">
                    <input type="text" class="form-control" id="producttitle" class="half title" value="<?= isset($this->data['title']) ? $this->data['title']:"" ?>" name="title"/>
                </div>
            </div>
            <div class="form-group">
				<label class="required col-md-2 col-sm-2 col-xs-2 control-label" for="source">语言</label>
				<div class="col-md-6 col-sm-9 col-xs-9">
                	<label class="radio-inline">
                    	<input type="radio" id="inlineCheckbox1" name="language" value="zh" 
						<?= isset($this->data['language']) && $this->data['language'] =='zh' ? 'checked="checked"':"" ?>
                        <?= !isset($this->data['language']) || empty($this->data['language']) ? 'checked="checked"':"" ?>
                        > zh
                    </label>
					<label class="radio-inline">
                    	<input type="radio" id="inlineCheckbox1" name="language" value="en" <?= isset($this->data['language']) && $this->data['language'] =='en' ? 'checked="checked"':"" ?>> en
                    </label>
				</div>
			</div>
            <div class="form-group">
				<label class="required col-md-2 col-sm-2 col-xs-2 control-label" for="source">来源</label>
				<div class="col-md-6 col-sm-9 col-xs-9">
					<input type="text" id="source" class="form-control" name="source" value="寒区旱区科学数据中心" />
				</div>
			</div>
            <div class="form-group">
				<label class="required col-md-2 col-sm-2 col-xs-2 control-label" for="image">图片</label>
				<div class="col-md-6 col-sm-9 col-xs-9">
					<input id="file_upload" name="Filedata" type="file" />
					<p></p>
                    <input type="button" class="btn btn-success btn-sm" onclick="$('#file_upload').uploadifyUpload();" value="上传" />
                    <div id="datalist"></div>
				</div>
			</div>
            <div class="form-group">
				<label class="required col-md-2 col-sm-2 col-xs-2 control-label" for="description">内容简介(描述)</label>
				<div class="col-md-6 col-sm-9 col-xs-9">
					<textarea id="description" class="form-control" name="description" rows="4"></textarea>
				</div>
			</div>
            <div class="form-group">
				<label class="required col-md-2 col-sm-2 col-xs-2 control-label" for="body">新闻内容</label>
				<div class="col-sm-10">
					<textarea id="body" class="" name="body"></textarea>
				</div>
			</div>
            <div class="form-group">
				<label class="required col-md-2 col-sm-2 col-xs-2 control-label" for="type">新闻栏目</label>
				<div class="col-md-6 col-sm-9 col-xs-9">
					<div class="checkbox">
						<?php 
							foreach($this->types as $v)
							{
								$head = "";
								if(!empty($v[$this->deepField])) 
								{
									$head = str_repeat('-',$v[$this->deepField]);
								}
								echo '<p><label><input type="checkbox" name="typeid[]" value="'.$v['id'].'" />'.$head.$v['title'].'</label></p>';	
								$head = "";
							}
						?>
					</div>
				</div>
			</div>
            <div class="form-group">
				<label class="required col-md-2 col-sm-2 col-xs-2 control-label" for="pub">发布选项</label>
				<div class="col-md-6 col-sm-9 col-xs-9 form-inline">
                    <select id="pub" class="full form-control" name="pub">
	                    <option value="true">立即发布</option>
	                    <option value="false">存草稿</option>
                    </select>
                	<label class="checkbox-inline">
						<input type="checkbox" id="pubtimeturn" name="pubtimer" value="1" />定时发布?
                    </label>
                    <input class="form-control" type="text" name="pubtime" id="pubtime" value="<?php echo date("Y-m-d H:i",time()+3600*24);?>" readonly="readonly" />
				</div>
			</div>
            <div class="form-group">
				<label class="required col-md-2 col-sm-2 col-xs-2 control-label" for="pub">新闻标签</label>
				<div class="col-md-6 col-sm-9 col-xs-9">
                    <textarea id="keyword" class="form-control" name="keyword"></textarea>
				</div>
			</div>
			<div class="form-group">
				<label class="required col-md-2 col-sm-2 col-xs-2 control-label"></label>
            	<div class="col-md-6 col-sm-9 col-xs-9">
            		<div id="return"></div>
					<input type="button" onclick="addon();" id="submit" class="btn btn-primary" value="提交"/>
					<input type="reset" class="btn btn-danger" value="重置"/>
				</div>
            </div>

          </form>
	</div>
</div>
<script type="text/javascript">
$(function(){
	$('#nav_news').addClass("current");
	
	$("#pubtimeturn").click( function () { 
	if($(this).is(":checked"))
	{
		$('#pubtimelable').html('定时发布时间');
		$('#pubtime').removeAttr('readonly');
	}
	else
	{
		$('#pubtimelable').html('定时发布?');
		$('#pubtime').attr("readonly","readonly");
	}
 	});
});
function addon(){
	editor.sync();
	var url = "/admin/news/archivesadd";
	var data = $("#archivesadd").serialize()+'&keyword='+$('#keyword').val();
	$.ajax({
	   type: "POST",
	   url: url,
	   data: data,
	   success: function(html){
		 $('#return').html(html);
		},
	   beforeSend:function(){
		   $('#submit').val('正在提交...');
		   $('#submit').attr("disabled","disabled");
	   },
	   complete:function(){
		   $('#submit').val('提交');
		   $('#submit').removeAttr('disabled');
	   }
	});
}
$('#description').val('');
	var limitNum = 1000;
	var pattern = '还可以输入' + limitNum + '个字符';
	$('#enablelen').html(pattern);
	$('#description').keyup(
	function() {
		var remain = getByteLen($(this).val());
		if (remain > limitNum) {
			var result = remain -limitNum;
			pattern = '字数超过限制，请适当删除部分内容(超出了'+result+'个字符)';
		}else{
			var result = limitNum - remain;
			pattern = '还可以输入' + result + '个字符';
		}
		$('#enablelen').html(pattern);
	}
);
function getByteLen(val) {
	var len = 0;
	for (var i = 0; i < val.length; i++) {
		if (val[i].match(/[^\x00-\xff]/ig) != null) //全角
			len += 2;
		else
			len += 1;
	}
	return len;
}
$(document).ready(function() {
	$('#file_upload').uploadify({
        'uploader'  : '/static/js/uploadify/uploadify.swf',
		'scriptData': {'PHPSESSID' : '<?php echo session_id(); ?>'},
        'script'    : '/admin/news/upload',
        'cancelImg' : '/static/js/uploadify/cancel.png',
        'folder'    : '/uploads',
		'sizeLimit' : 2097152,
		'queueSizeLimit' : 1,
		'multi'     : true,
        'auto'      : false,
		'displayData' : 'speed',
		'buttonImg'   : '/static/js/uploadify/selectfile.gif',
		'onComplete'  : function(event, ID, fileObj, response, data) {
						var obj = jQuery.parseJSON(response);
						var html;
						if(obj.error=='')
						{html = obj.html;}
						else{html = obj.error;}
						  $('<li/>', {
							  	"id":'uploadedItem_'+obj.attid,
							    "class":'uploadifyQueueItem',
								"html": html
							}).appendTo('#datalist');
							$('#deletebtn_'+obj.attid).bind('click', function() {
							  	deleteatt(obj.attid);
							});
						},
		'onError'     : function (event,ID,fileObj,errorObj) {
						  alert(errorObj.type + ' Error: ' + errorObj.info);
						}
      });
});
function deleteatt(attid){
	  $.ajax({
	  type:"POST",
	  url:'/admin/news/delatt/',
	  data:'id='+attid,
	  success:function(html){
		  $('#uploadedItem_'+attid).remove();
	  },
	  beforeSend:function(){
		  $('#deletebtn_'+attid).html('<img src="/images/11887177066.gif" />');
	  }
	  });
}

function uploadError(msg,id){
	var html = msg+'<div class="cancel"><a href="javascript:;" id="deletebtn_'+id+'"><img border="0" src="/static/js/uploadify/cancel.png" /></a></div>';
	return html;
}
</script>