(편집기) Jquery-EasyUI 컬렉션Kindeditor 편집기
15634 단어 kindeditor
list.html
list.html
(function ($, K) {
if (!K)
throw "KindEditor !";
function create(target) {
var opts = $.data(target, 'kindeditor').options;
var editor = K.create(target, opts);
$.data(target, 'kindeditor').options.editor = editor;
}
$.fn.kindeditor = function (options, param) {
if (typeof options == 'string') {
var method = $.fn.kindeditor.methods[options];
if (method) {
return method(this, param);
}
}
options = options || {};
return this.each(function () {
var state = $.data(this, 'kindeditor');
if (state) {
$.extend(state.options, options);
} else {
state = $.data(this, 'kindeditor', {
options: $.extend({}, $.fn.kindeditor.defaults, $.fn.kindeditor.parseOptions(this), options)
});
}
create(this);
});
}
$.fn.kindeditor.parseOptions = function (target) {
return $.extend({}, $.parser.parseOptions(target, []));
};
$.fn.kindeditor.methods = {
editor: function (jq) {
return $.data(jq[0], 'kindeditor').options.editor;
}
};
$.fn.kindeditor.defaults = {
resizeType: 1,
allowPreviewEmoticons: false,
allowImageUpload: false,
items: [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
afterChange: function () {
this.sync();
},
afterBlur: function () { this.sync(); }
};
$.parser.plugins.push("kindeditor");
})(jQuery, KindEditor);
2. easyui와kindeditor 관련 스타일과 스크립트를 동시에 인용하고 easyui 구성 요소를 사용하듯이kindeditor를 사용할 수 있습니다.
<link href="kindeditor-4.1.10/examples/index.css" rel="stylesheet" />
<script src="kindeditor-4.1.10/kindeditor.js"></script>
<script src="kindeditor-4.1.10/kindeditor-all.js"></script>
<script src="kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script src="kindeditor-4.1.10/kindeditor-min.js"></script>
<script src="kindeditor-4.1.10/lang/zh_CN.js"></script>
호출 방법:
<textarea name="easyui_ditor" id="easyui_ditor" class="easyui-kindeditor" style="width: 90%; height: 140px; visibility: hidden;">KindEditor</textarea>
3.360 브라우저가 호환되지 않고 Firefox 브라우저가 정상적이기 때문에 값 부여 방법 KE.html(id,val) 편집기의 HTML 내용을 설정합니다.매개 변수: id: String, 편집기의 ID val: String, HTML 문자열 반환값: 페이지 없이 편집기만 있으면 최신 버전으로 이렇게 쓰면 됩니다.KindEditor.html('#txtIntroduce', data.Introduce);
loadFilter: function (data) {
$.post("../Action/newsList.ashx", { content: $('#easyui_ditor').val() }, function (data) {
var json = eval("(" + data + ")");
//alert(json.news[0].Content)
//$('#easyui_ditor').val(json.news[0].Content);
KindEditor.html($('#easyui_ditor'), json.news[0].Content);
//console.info($('#easyui_ditor').val());
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jfinal,KindEditor텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.