1. 程式人生 > >KindEditor 4.1.7的使用技巧

KindEditor 4.1.7的使用技巧

icons red mat 資源 font eat class file items

1、載入進這個自己寫的js代碼

$(function(){
	
	if ($("textarea.editor").length) {
		var editor = KindEditor.create(‘textarea.editor‘, {
			resizeType : 0,
			allowPreviewEmoticons : false,
			allowImageUpload : false,
			afterChange: function(){
				this.sync();
			},
			items : [
				‘fontname‘, ‘fontsize‘, ‘|‘, ‘forecolor‘, ‘hilitecolor‘, ‘bold‘, ‘italic‘, ‘underline‘,
				‘removeformat‘, ‘|‘, ‘justifyleft‘, ‘justifycenter‘, ‘justifyright‘, ‘insertorderedlist‘,
				‘insertunorderedlist‘, ‘|‘, ‘emoticons‘, ‘link‘]
		});
	}  });

2、再引用下載下來KindEditor 4.1.7資源包裏的min.js (前提是把它放到你的項目文件中面)

<script src="/resources/kindeditor-4.1.7/kindeditor-min.js"></script>


3、在頁面的引用

     <div class="form-group">
            <div class="col-md-2 control-label"> <label for="profile_about">自我介紹</label> </div>
            <div class="col-md-7 controls"><textarea id="profile_about" name="introduction" class="form-control editor" style="width:500px;height:200px;">${(user.introduction)!‘‘}</textarea> </div>
          </div>


KindEditor 4.1.7的使用技巧