`
luolonghao
  • 浏览: 119144 次
  • 性别: Icon_minigender_1
  • 来自: Shanghai
社区版块
存档分类
最新评论

接下来的KindEditor开发计划

阅读更多
接下来编辑器要分开发展,一个方向是继续完善3.x系列,另一个方向是新一代的编辑器4.0。
3.x的发展优先度高于4.0,4.0目前处于构思阶段,重新设计底层框架。

3.x系列要实现的功能:
1. 细节功能的持续完善
2. 图片修正
3. undo/redo改善
4. 文件上传和管理(file_manager插件)
5. 字体、文字大小显示已设置的值
6. 界面美化
7. dialog添加TAB

4.0系列要实现的功能:
1. 包含所有3.x系列的功能
2. 用js文档生成工具。
3. 分开开发目录和发布目录,发布时用合并打包工具自动生成。
4. 分开UI和编辑器命令相关部分。
5. 提供统一的command类库,类似浏览器的execCommand。
6. 插件和核心的完全分开。
7. 增加单元测试。

目录结构:
/lib - 第三方库
/src - 开发目录
/src/cmd.js
/src/range.js
/src/element.js
/src/event.js
/src/config.js
/src/dialog.js
/src/menu.js
/src/toolbar.js
/src/history.js
...

/build - 发布目录
/build/kindedior.js - 包含所有插件
/build/kindedior-cmd.js - 只有编辑器命令,用户可以自己实现UI
/build/kindedior-min.js - 只包含主要插件
...
0
0
分享到:
评论

相关推荐

    Laravel开发-laravel5-kindeditor

    接下来,我们需要配置KindEditor。创建一个配置文件,如`config/kindeditor.php`,并定义相关设置,例如服务器路径、图片上传等参数。你可以根据KindEditor的官方文档进行配置。 现在,我们可以在视图文件中使用...

    KINDEditor使用手册

    接下来,在需要显示编辑器的页面中,添加一个TEXTAREA输入框,并指定一个唯一的id,同时设置宽度和高度以确保在不同浏览器上的兼容性。例如: ```html ;height:300px;"> ``` 之后,需要在页面中引入kindeditor.js...

    jsp+kindeditor html 页面编辑

    接下来,我们需要创建一个div元素作为编辑器的容器,并通过JavaScript调用KindEditor的初始化方法,如下: ```jsp <script src="path/to/kindeditor.js"> KindEditor.ready(function(K) { var editor = K....

    在页面应用kindeditor富文本编辑器

    接下来,需要创建一个HTML元素作为KindEditor的编辑区域。这通常是一个`<textarea>`标签,但也可以是其他可编辑元素,如`<div>`。给这个元素设置一个唯一的ID,以便在JavaScript中找到它。 ```html ...

    kindeditor 分页和图片上传完整代码

    接下来,我们关注**图片上传功能**。KindEditor内置了图片上传功能,但可能需要根据具体需求进行定制。以下是实现步骤: 1. **配置服务器端**:KindEditor会将图片文件通过HTTP请求发送到服务器,因此你需要在...

    KindEditor的MVC示例

    接下来,我们需要在视图(View)中引入KindEditor。在HTML页面中添加以下代码,这将初始化编辑器: ```html <!DOCTYPE html> <title>KindEditor MVC 示例 ...

    解决kindeditor在使用验证插件下点两次才提交的问题

    // 接下来执行表单验证插件的代码 }); ``` 3. 对于更复杂的场景,可能需要引入状态管理库如Redux或Vuex,以协调表单状态与编辑器状态的一致性。 #### 结论 解决KindEditor与表单验证插件交互问题的关键在于...

    kindeditor-4.1.7

    接下来,我们将深入探讨KindEditor的主要特点、功能以及如何在项目中集成和使用。 首先,让我们了解富文本编辑器的基本概念。富文本编辑器与普通的文本输入框不同,它允许用户进行格式化文本操作,如加粗、斜体、...

    java 富文本kindeditor4.0.3_jsp整合

    接下来,我们开始整合过程: 1. **引入资源文件**:将`js`、`css`和`images`目录复制到你的JSP项目的静态资源目录下,例如`WEB-INF/resources`。确保在HTML或JSP页面中正确引用这些资源,例如: ```html ...

    kindeditor(asp,php,jsp,asp.net)在线编辑器源码

    接下来,我们讨论如何在不同的服务器端平台上使用KindEditor: - **ASP**:在ASP环境中,需要将KindEditor的JavaScript和CSS文件引用到页面中,然后通过服务器端的VBScript或JScript处理上传文件等交互逻辑。 - **...

    在ASP.NET中使用KindEditor,并在后台获取值

    接下来,我们需要在页面中引入KindEditor。在ASP.NET的`.aspx`文件中,可以在`<head>`部分添加KindEditor的CSS链接,然后在页面的`<body>`部分添加一个`<textarea>`元素,这个元素将被KindEditor替换。在`<textarea>...

    Myeclipse struts2框架的文本在线编辑器kindeditor-4.1.9

    接下来,我们来详细讲解这个过程: 1. **创建项目** - 在MyEclipse中新建一个Dynamic Web Project,设置项目名称,例如"Struts2KindEditorDemo"。 - 创建好项目后,添加Struts2的依赖库。可以通过Maven或者手动...

    解决kindeditor 编辑器完美支持IE11 看不见上传文件框问题 无法保存问题

    接下来,我们探讨“上传文件框在IE11中看不见或位置不对”的问题。这可能是由于CSS样式在IE11上的解析差异或Z-index层叠问题导致的。首先,检查KindEditor的CSS样式,确保所有涉及定位和浮动的属性(如`position`, `...

    AspNetDemo_kindeditor_

    接下来,我们将关注KindEditor编辑器。KindEditor支持多种格式的文字编辑,如字体、字号、颜色、对齐方式等,还具备插入图片、视频、链接等功能。其API允许开发者自定义编辑器的行为,比如添加按钮、改变样式或者...

    Asp.Net SWFUpload多文件上传;KindEditor富文本框用户控件

    接下来是KindEditor,它是一款强大的富文本编辑器。KindEditor提供了一个全功能的文本编辑界面,使得用户可以在网页上进行类似Word的文本编辑,包括插入图片、链接、表格等。在Asp.Net中,我们可以将KindEditor作为...

    Servlet 下 kindeditor使用!封装了servlet本地图片上传及源码说明!

    接下来,我们创建一个Servlet来处理图片上传。这个Servlet的主要任务是接收KindEditor上传的图片文件,保存到服务器的指定目录,并返回一个包含图片URL的JSON响应。以下是一个简单的Servlet示例: ```java import ...

    KindEditor编辑器使用教程.docx

    接下来,需要在HTML页面的`<head>`或`<body>`底部引入KindEditor的JavaScript文件,并使用K.create函数初始化编辑器。例如: ```html <script src="path/to/kindeditor-all.js"> KindEditor.create('#myEditor...

    vue集成kindeditor富文本的实现示例代码

    接下来,创建一个名为`kindeditor`的Vue组件,用于封装KindEditor的初始化和管理。在模板部分,我们可以看到一个`textarea`元素,这个元素将被KindEditor替换,用于显示和编辑内容: ```html <div class="...

    Grails使用kindeditor,支持附件

    接下来,我们需要创建一个视图(view)来展示KindEditor。在Grails中,通常在`grails-app/views`目录下创建对应的GSP(Groovy Server Pages)文件。在这个GSP文件中,添加以下代码来初始化KindEditor: ```html ;...

    kindeditor整合struts2 并且增加删除图片功能

    接下来,配置Struts2的Action来处理KindEditor的请求。在Struts2的配置文件(通常为struts.xml)中,定义一个Action类,处理图片上传和删除的操作。例如: ```xml <param name="contentType">image/jpeg ...

Global site tag (gtag.js) - Google Analytics