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');
	$this->headScript()->appendFile('/static/js/kindeditor-min.js');
	$this->headScript()->appendFile('/static/js/kindlang/zh_CN.js');
	$this->headLink()->appendStylesheet('/static/css/kindskin/default/default.css');
	$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->breadcrumb('<a href="/">首页</a>');
	$this->breadcrumb('<a href="/admin">后台首页</a>');
	$this->breadcrumb('<a href="/admin/news">新闻中心</a>');
	$this->breadcrumb('新闻添加');
?>
<style>
.tagInput {}
.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{}
.tagInputSuggestedTagList .tag{	padding:1px 4px;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"]', {
			cssPath : '/static/js/plugins/code/prettify.css',
			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-fluid">
	<div class="span3">
		<?= $this->partial('news/left.phtml'); ?>
    </div>
	<div class="span9">
			<h2>新闻发布</h2>
            <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="control-group">
					<label class="control-label" for="producttitle">标题</label>
					<div class="controls">
						<input type="text" id="producttitle" class="span12" name="title" value="<?= isset($this->data['title']) ? $this->data['title']:"" ?>" />
					</div>
				</div>
                <div class="control-group">
					<label class="control-label" for="source">来源</label>
					<div class="controls">
						<input type="text" id="source" class="span12" name="source" value="中国西部环境与生态科学数据中心" />
					</div>
				</div>
                <div class="control-group">
					<label class="control-label" for="image">图片</label>
					<div class="controls">
						<input id="file_upload" name="Filedata" type="file" /><input type="button" class="btn btn-small" onclick="$('#file_upload').uploadifyUpload();" value="上传" />
                        <div id="datalist">
                        </div>
					</div>
				</div>
                <div class="control-group">
					<label class="control-label" for="description">内容简介(描述)</label>
					<div class="controls">
						<textarea id="description" class="span12" name="description"></textarea>
					</div>
				</div>
                <div class="control-group">
					<label class="control-label" for="body">新闻内容</label>
					<div class="controls">
						<textarea id="body" class="span12" name="body"></textarea>
					</div>
				</div>
                <div class="control-group">
					<label class="control-label" for="type">新闻栏目</label>
					<div class="controls">
						<?php 
							foreach($this->types as $v)
							{
								$head = "";
								if(!empty($v[$this->deepField])) {$head = str_repeat('-',$v[$this->deepField]);}
								echo '<input type="checkbox" name="typeid[]" value="'.$v['id'].'" />'.$head.$v['title'].'<br />';	
								$head = "";
							}
						?>
					</div>
				</div>
                <div class="control-group">
					<label class="control-label" for="pub">发布选项</label>
					<div class="controls">
                        <select id="pub" class="full" name="pub">
                        <option value="true">立即发布</option>
                        <option value="false">存草稿</option>
                        </select>
						<input type="checkbox" id="pubtimeturn" name="pubtimer" value="1" />定时发布?
                        <input type="text" name="pubtime" id="pubtime" value="<?php echo date("Y-m-d H:i",time()+3600*24);?>" readonly="readonly" />
					</div>
				</div>
                <div class="control-group">
					<label class="control-label" for="pub">新闻标签</label>
					<div class="controls">
                        <textarea id="keyword" class="span12" name="keyword"></textarea>
					</div>
				</div>
				<div class="form-actions">
                	<div id="return"></div>
                      <input type="button" onclick="addon();" id="submit" class="btn btn-pramriy" value="提交"/> or <input type="reset" class="btn" value="重置"/>
                </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>