<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} ); } });