首页 > 代码库 > KindEditor 4.1.7的使用技巧

KindEditor 4.1.7的使用技巧

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=http://www.mamicode.com/"/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的使用技巧