KindEditor 4.1.7의 사용 방법

1415 단어
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를 참조하십시오 (전제는 프로젝트 파일에 넣는 것입니다)

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>

좋은 웹페이지 즐겨찾기