kindeditor论坛

你是否正在寻找关于kindeditor论坛的内容？让我把最权威的东西奉献给你：

第一篇:kindeditor论坛

KindEditor 设计思路 2012. 7. 7 KindEditor Project 定位：轻量级富文本编辑器 源码： Team ? ? ? ? 罗龙浩（Roddy） luolonghao@gmail.com luolonghao@hotmail.com 历史版本 KindEditor 1.0 2005年12月 KindEditor 2.0 2006年7月 KindEditor 3.0 2009年1月 KindEditor 4.0 2011年8月 Who is using? 富文本编辑器 样式系统 UI组件 ? 样式系统：Bold, Insert HTML, Hyperlink, … ? UI组件：Dialog, Menu, Tabs, Button, … 设计理念 只包含最常用的功能 只包含最常用的功能 核心不基于第三方类库 KindEditor 4.1.1 – 28.9KB jQuery 1.7.2 – 32.9KB 原因：其它类库不包含Range、Command 兼容性，稳定性 连IE6都兼容的编辑器 稳定压倒一切 单元测试，人肉测试，自动化测试 可定制，可扩展 定制风格，自定义插件、多语言 模块化，按需加载 点击 加载 执行 文件、代码结构 目录结构 themes/ common/ default/ plugins/ image/ table/ … lang/ zh_CN.js … kindeditor-min.js JS源文件 ? ? ? ? ? ? ? ? ? ? ? ? ? header.js core.js event.js node.js range.js cmd.js edit.js toolbar.js menu.js dialog.js … main.js footer.js 1KB 7KB 9KB 14KB 22KB 23KB 9KB 4KB 3KB 5KB 42KB 1KB 执行ant，生成kindeditor-min.js JS模块 ? ? ? ? ? ? ? ? ? ? ? ? ? Core – 基础 Event – 事件 Node – 处理Element，类似jQuery接口 Range – 范围，W3C标准 Command – 样式命令 Edit – 编辑框 Html – HTML格式化 Toolbar – 工具栏 Menu – 下拉菜单 Dialog – 弹出框 ColorPicker – 取色器 … Main – 组装编辑器 一个模块一个文件，可单独调用 kindeditor.js代码结构 (function (window, undefined) { var K = function() {}; K.range = function() {}; K.cmd = function(){}; K.edit = function(){}; K.create = function(){}; window.KindEditor = K; })(window); header.js代码 (function (window, undefined) { if (window.KindEditor) { return; } footer.js代码 })(window); core.js代码结构 var _VERSION = ‘4.1.1’; var _IE = ...; var _GECKO = …; var _inArray = function(){ … }; var _trim = function(){ … }; var _each = function(){ … }; var _extend = function(){ … }; … 下划线（_）开头表示跨文件的变量、函数 event.js部分代码 … if (_IE) { window.attachEvent(onunload, function() { _each(_eventData, function(key, events) { if (events.el) { _unbind(events.el); } }); }); } 重点模块 Node模块 面向编辑器的jQuery缩小版 KindEditor.ready(function(K) { K(‘#id div’).click(function(e) { K(this). addClass(‘my-class’); }); }); Reference Range模块 90% W3C标准 KindEditor.ready(function(K) { var range = K.range(document); range.selectNodeContents(element); range.insertNode(node); }); Reference Command模块 对应execCommand KindEditor.ready(function(K) { var cmd = K.cmd(document); cmd.bold(); cmd.inserthtml(‘

以上就是关于kindeditor论坛的全部内容，相信你一定会非常满意，。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/ruanjian/article-6520-1.html