在编辑页面中实现富文本编辑器

<div class="col-sm-12">
                       			 	<label class="col-sm-3 control-label">活动详情</label>
	                                <div class="col-sm-6">
	                                    <textarea id="activityDetails" name="activityDetails" class="editor">${(tActivity.activityDetails)!''}</textarea>
	                                </div>
                       			</div>
// 编辑器
		if(typeof(KindEditor) != "undefined") {
			var lang = framework.locale == "en_US" ? "en" : framework.locale; 
			KindEditor.ready(function(K) {
				editor = K.create("#activityDetails", {
					  width : "100%", //编辑器的宽度为70%
   					 height : "450px", //编辑器的高度为100px
					items: [
						"source", "|", "undo", "redo", "|", "preview", "print", "template", "cut", "copy", "paste",
						"plainpaste", "wordpaste", "|", "justifyleft", "justifycenter", "justifyright",
						"justifyfull", "insertorderedlist", "insertunorderedlist", "indent", "outdent", "subscript",
						"superscript", "clearhtml", "quickformat", "selectall", "|",
						"formatblock", "fontname", "fontsize", "|", "forecolor", "hilitecolor", "bold",
						"italic", "underline", "strikethrough", "lineheight", "removeformat", "|", "image",
						"flash", "media", "insertfile", "table", "hr", "emoticons", "baidumap", "pagebreak",
						"anchor", "link", "unlink" ,"fullscreen"
					],
					langType: lang,
					syncType: "form",
					filterMode: false,
					pagebreakHtml: '<hr class="pageBreak" \/>',
					allowFileManager: true,
					filePostName: "file",
					fileManagerJson: framework.base + "/admin/file/browser.jhtml",
					uploadJson: framework.base + "/admin/file/upload.jhtml",
					uploadImageExtension: setting.uploadImageExtension,
					uploadFlashExtension: setting.uploadFlashExtension,
					uploadMediaExtension: setting.uploadMediaExtension,
					uploadFileExtension: setting.uploadFileExtension,
					urlType:'domain',
					extraFileUploadParams: {
						token: getCookie("token")
					},
					afterChange: function() {
						this.sync();
					}
				});
			});
		}

猜你喜欢

转载自blog.csdn.net/weixin_40214184/article/details/87457609