CKEditor 用法

<script type="text/javascript">
$(function() {
		Cms.siteFlow("${base}", location.href, document.referrer);
		CKEDITOR.replace( 'contents' );
		/* CKEDITOR.editorConfig = function( config ) {config.language = 'en';}; */
	});
function checkForm() {
		var title = $("#title").val();
		if (title == "") {
			alert("请填写公告标题!");
			return false;
		}
		var content = $("#content").val();
		if (content == "") {
			alert("请填写公告内容!");
			return false;
		}
		 $("#pubInfoForm").submit();
		/* var imageUrl = $("#imageUrl").val();
		var contents = CKEDITOR.instances.contents.getData();
		alert(contents);
		  $.ajax({
            type:"POST",
            url:"${base}/notice/publicMarket.jspx",
            data:{title:title,
            	  imageUrl:imageUrl,
            	  contents:encodeURI(contents)},
            datatype: "html",
            success:function(data){
            }   ,
            error: function(){
                alert("系统错误!")
            }        
         }); */
</script>
<form id="pubInfoForm" action="${base}/notice/publicMarket.jspx" method="post">
设置textArea框
<textArea id="contents" name="contents" onKeyUp="if(this.value.length > 1000) this.value=this.value.substr(0,1000)" 
						 style="width:850px;height:300px;"></textArea>
</form>

注意:CKEiditor传过去有乱码
在后台处理
String s1 =StringUtils.replace(mInfo.getContents(), "“", "\\\"");
String s2 =StringUtils.replace(s1, "<", "<");
String s3 =StringUtils.replace(s2, ">", ">");
String s4 =StringUtils.replace(s3, ";", ";");
String s5 =StringUtils.replace(s4, "/", "\\/");
前台页面展现
CKEDITOR.instances.contents.setData('${mInfo.contents!}');
$("#contents").html('${mInfo.contents!}');
对CKEDITOR 自动换行的问题在config.js中配置规则,
CKEDITOR.on( 'instanceReady', function( ev ) { with (ev.editor.dataProcessor.writer) {
	setRules("p",  {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("h1", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("h2", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("h3", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("h4", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("h5", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("div", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("table", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("tr", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("td", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("iframe", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("li", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("ul", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );  
    setRules("ol", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} ); 
	}
}); 

猜你喜欢

转载自donald-draper.iteye.com/blog/2284614