usoftchina-jpress/jpress-web-admin/src/main/webapp/WEB-INF/admin/content/edit.html

<#include "../_inc/_layout.html"/> 
<#macro script>

function commentable(){
    var checkbox = $('.checkbox')[0];
	var commentStatus = $('#comment_status');
    if (checkbox.classList.contains("active")) {
		commentStatus.attr("value","close");
		checkbox.classList.remove('active');
	} else {
		commentStatus.attr("value","open");
		checkbox.classList.add('active');
	}
}

function getPushTime(){
	//var now = new Date();
	//格式化日，如果小于9，前面补0
	//var day = ("0" + now.getDate()).slice(-2);
	//格式化月，如果小于9，前面补0
	//var month = ("0" + (now.getMonth() + 1)).slice(-2);
	//拼装完整日期格式
	//var today = now.getFullYear()+"-"+(month)+"-"+(day) ;
	//完成赋值
	//$('#createDefaultTime').val(today);

	var pushDate = $('.push_time');
	var createDefaultTime = $('#createDefaultTime');
	createDefaultTime.attr("value",createDefaultTime.val());
	pushDate.attr("value",createDefaultTime.val());
}

function countSummaryLength(){
    var summary = $('#content_summary');
    var CountUas = $('.CountLengthUas');
    CountUas.html(summary.val().length);
}

var data={
    url:'',
    alt:''
};

function initTinymce(){
	tinymce.init({
        selector: '#textarea',
        height: 365,
        language: 'zh_CN',
        menubar: false,
        automatic_uploads: true,
        paste_data_images: true,
        convert_urls: false,
        relative_urls : false,
        imagetools_toolbar: "rotateleft rotateright | flipv fliph | editimage imageoptions",
        imagetools_proxy: '${CPATH}/admin/tinymce/image/proxy',
        images_upload_url: '${CPATH}/admin/tinymce/image/upload',
        wordcount_countregex: /[\u4e00-\u9fa5_a-zA-Z0-9]/g,
		file_picker_callback: function(callback, value, meta) {
		 	layer.open({
			    type: 2,
			    title: '选择图片',
			    shadeClose: true,
			    shade: 0.8,
			    area: ['92%', '90%'],
			    content: '${CPATH}/admin/attachment/choose_layer',
			    end:function(){
			    	if(''!=data.url && null != data.url){
			    		callback(data.url, {alt: data.alt});
			    	}
			    }
			});
		 },
        plugins: [
		    "advlist autolink autosave link image media imagetools lists charmap print preview hr anchor pagebreak spellchecker",
		    "searchreplace wordcount visualblocks visualchars code codesample fullscreen insertdatetime media nonbreaking",
		    "table contextmenu directionality emoticons template textcolor paste fullpage textcolor colorpicker textpattern"
		  ],
        toolbar1: '  bold italic underline strikethrough removeformat | blockquote hr table image media codesample | anchor link   unlink | alignleft aligncenter alignright alignjustify | bullist numlist     ',
        toolbar2: '  formatselect | outdent indent | forecolor backcolor  |  undo redo | code  fullscreen',
	});
}

var simplemde ;
function initMarkdownEditor(){
	 simplemde = new SimpleMDE({ element: $("#textarea")[0] });
}

var _editor = "${_editor!}";
if("tinymce" == _editor){
	initTinymce();
}else{
	initMarkdownEditor();
}
    
function save(turnpage){
	
	 $('#content_slug').attr('value',$("#slug_text").text());

	if("tinymce" == _editor){
		tinymce.activeEditor.uploadImages(function(success) {
			tinymce.triggerSave();
	 		doSubmit(turnpage);
		});
	}else{
		$("#textarea").text(simplemde.markdown(simplemde.value()));
		doSubmit();
	}
	return false;
 }

function doPreview(){
	saveAsDraft(turnPage);

	/*var slug = $('#content_slug').val();
	if("" == slug) {
		slug = $('#title').val();
	}*/



}

function turnPage(){
	var contentId = $("#content_id").val();
	window.location.href = "${CPATH}/admin/content/edit?id="+contentId+"&c=edit&p=uuhelper&m=uuhelper";
}

 function saveAsDraft(turnpage){
 	$("#content_status").attr("value","draft");
 	save(turnpage);
 }
 
 function doSubmit(turnpage){
 	$("#form").ajaxSubmit({
			type : "post", 
			dataType : "json", 
			success : function(data) {

				if(data.errorCode == 0){
					$("#content_id").attr("value",data.data);
					toastr.success('保存成功！','操作成功');
					if(turnpage) {
						turnpage();
					}
				}else{
					toastr.error(data.message,'操作失败');
				}
			},
			error : function() {
				alert("信息提交错误");
			}
	});
 }
 
function doSelectThumbnail(){
 	layer.open({
			    type: 2,
			    title: '选择图片',
			    shadeClose: true,
			    shade: 0.8,
			    area: ['92%', '90%'],
			    content: '${CPATH}/admin/attachment/choose_layer',
			    end:function(){
			    	if(''!=data.url && null != data.url){
			    		$("#thumbnail").attr("src",data.url);
			    		$("#content_thumbnail").attr("value",data.url);
			    	}
			    }
			}); 
 }
 
 function doRemoveThumbnail(){
 	$("#thumbnail").attr("src","${CPATH}/static/jpress/admin/image/nothumbnail.jpg");
 	$("#content_thumbnail").val("");
 }
 
 function doChangeEditor(){
 	if("tinymce" == _editor){
 		doAjax('${CPATH}/admin/content/changeEditor/markdown');
 	}else{
 		doAjax('${CPATH}/admin/content/changeEditor/tinymce');
 	}
 }
 
function doAjax(url){
	  $.get(url, function(result){
			if(result.errorCode > 0){
				toastr.error(result.message,'操作失败');
			}else{
				location.reload();
			}
	  }); 
}
 
<#if module ??> 
<#list module.taxonomyTypes! as taxonomyType > 
 $('#_${taxonomyType.name}').tagEditor();
</#list>
</#if>


$("#title").keyup(function(){
	if($('#content_slug').val() == ""){
	   $("#slug_text").text(this.value);
       $('#slug_text').editable('setValue',this.value);
	}
});

$(document).ready(function(){
	
	 $.fn.editable.defaults.mode = 'inline';
	 $('#slug_text').editable();
	 
	 var url = window.location.protocol  +"//"+ window.location.host+"${CPATH}${urlPreffix}" ;
     $("#url_preffix").text(url);
     $('#slug_text').editable('setValue'," ${(content.slug)!'标题'}");
     
     $('#titleurl').on('save', function(e, params) {
    	 $('#content_slug').attr('value',params.newValue);
	 });

	<#if content?? && "uuhelper" == content.module>
		window.open($("#content_url").val());
	</#if>
});
</#macro> 
<#macro script_import>
<script src="${CPATH}/static/tinymce/tinymce.min.js"></script>
<script src="${CPATH}/static/plugins/tag/jquery.caret.min.js"></script>
<script src="${CPATH}/static/plugins/tag/jquery.tag-editor.min.js"></script>
<script src="${CPATH}/static/plugins/editable/bootstrap-editable.min.js"></script>
<script src="${CPATH}/static/simplemde/simplemde.min.js"></script>
<script src="${CTPATH}/assets/js/jquery.imgareaselect.pack.js"></script>


</#macro>
<#macro css_import>
<link rel="stylesheet" href="${CPATH}/static/plugins/tag/jquery.tag-editor.css">
<link rel="stylesheet" href="${CPATH}/static/plugins/editable/bootstrap-editable.css">
<link rel="stylesheet" href="${CPATH}/static/simplemde/simplemde.min.css">
<link rel="stylesheet" type="text/css" href="${CTPATH}/assets/css/imgareaselect-default.css"/>
</#macro>
<#macro css>
.editable-input {
	width: 100%;
}
.form-inline .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.nav-tabs-custom {
    margin-bottom: 0px; 
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    border-radius: 3px;
}
</#macro>
<@layout active_id=p child_active_id=c>
<#include include/>
</@layout>