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

创建了KindEngine项目,专门用于可视化编辑器的JS类库

阅读更多
正在设计接口,打算年内完成。KindEngine提供字体、文字颜色、文字大小、删除格式、后退/撤销、超级连接等功能,用KindEngine以后完全可以替代document.execCommand,在各浏览器上生成相同HTML代码。

KE.wrap(document, {
    'span' : [{'.color': value}]
});

KE.removeFormat(document, {
    '*' : ['class', 'style'],
    'span' : ['*'],
    'font' : ['*']
});

KE.undo(document);
KE.redo(document);

KE(document).undo();
KE(document).redo();

KE(document).backColor('#FF0000');
KE(document).bold();
KE(document).execCommand('backColor', false, '#FF0000');

KE.backColor(document, '#FF0000');
KE.bold(document);
KE.execCommand(document, 'backColor', false, '#FF0000');



项目URL:http://code.google.com/p/kindengine/

2010/02/11修改:项目名改成KindEngine(KE)
1
0
分享到:
评论
3 楼 luolonghao 2010-04-07  
名字又改回KindCommand了
2 楼 luolonghao 2010-02-22  
表格编辑计划加在3.5版本里。
1 楼 xkxx 2010-02-16  
好极,期望快点完成,这个可以有大用场的。顺便一问:什么时候KindEditor支持表格编辑?

相关推荐

    基于Vue与JavaScript的数据大屏可视化编辑器设计与实现

    综上所述,基于Vue.js和JavaScript的数据大屏可视化编辑器设计与实现是一个综合性的项目,涉及前端框架的应用、数据处理、组件化编程、以及与第三方图表库的集成等多个方面。通过这样的实践,开发者可以提升自己的...

    python UI可视化设计工具(WxPython可视化编辑器)

    Python UI 可视化设计工具,特别是基于 WxPython 的可视化编辑器,是开发者们用于构建用户界面的强大工具。WxPython 是一个流行的 Python 库,它提供了原生的跨平台 GUI 工具包,使得开发者可以使用 Python 来创建...

    vue可视化网页编辑器(富文本编辑器)

    在可视化编辑器中,Vue 用于创建可复用的组件,这些组件可以是编辑器的各种元素,如按钮、文本输入框、格式化工具等。 2. **富文本编辑器组件**:富文本编辑器(例如 Quill、TinyMCE 或 CKEditor)是编辑器的核心...

    Android可视化编辑器

    Android可视化编辑器是Android开发中的一种工具,它允许开发者通过图形化界面来设计和布局应用程序的用户界面,极大地简化了UI的创建过程,减少了手动编写XML布局代码的工作量。在本篇文章中,我们将深入探讨Android...

    discuz可视化编辑器

    "Discuz可视化编辑器"是Discuz论坛系统中的一部分,主要用于帮助用户在发布帖子或编辑内容时,提供一个直观、易用的界面,使得非编程背景的用户也能轻松进行格式化和美化文本。这个编辑器增强了用户体验,简化了内容...

    蓝鸟可视化编程工具RSA类库含源码

    蓝鸟可视化编程工具RSA类库

    kindeditor编辑器插件_html可视化编辑器_网页可视化

    KindEditor是一款功能强大的HTML可视化编辑器,主要用于网页内容的创建、编辑和管理。它提供了丰富的文本格式化选项,使得非技术人员也能轻松地编辑出专业级别的网页内容。此编辑器插件设计的目标是让用户在Web环境...

    数据大屏可视化编辑器

    数据大屏可视化编辑器是一种工具,它允许用户通过图形化界面设计和展示复杂的数据报表,通常用于企业决策支持、监控中心或展览展示等场景。在这样的编辑器中,用户可以自由布局各种图表组件,结合丰富的数据源,实现...

    json可视化编辑工具(页面js实现)

    JSON(JavaScript Object Notation)是一种轻量级的数据...开发者可以研究这些代码,学习如何用JavaScript处理JSON数据并创建类似的可视化工具。同时,对于想要定制或改进工具的人来说,这提供了直接修改源码的可能性。

    tikzcdeditor一个用于创建可交换图的简单可视化编辑器

    tikzcd-editor是一个基于JavaScript开发的轻量级可视化编辑器,专门设计用于创建可交换图。本文将深入探讨这个编辑器的功能、使用方法以及其背后的原理。 首先,tikzcd-editor的核心功能在于提供一个用户友好的界面...

    基于Vue的JSON可视化编辑器通过定义JSONSchema直接生成UI界面

    本文将深入探讨如何使用Vue.js构建一个基于JSON Schema的可视化编辑器,该编辑器能根据JSON Schema自动生成用户界面。 一、Vue.js基础知识 Vue.js是一个渐进式的JavaScript框架,它允许开发者通过声明式渲染数据到...

    HTML可视化编辑器

    KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写,可以无缝的与Java、.NET、PHP、...

    rc 资源编辑器-用于可视化编辑资源文件

    rc资源编辑器能够编辑rc资源文件.且是可视化编辑...........非常好用

    基于Vue的数据可视化设计框架,数据大屏可视化编辑器

    开发者可以通过阅读源码学习如何构建类似的数据大屏可视化编辑器,或者直接使用该框架作为项目的基础。通过学习和实践,不仅可以提升Vue.js技能,也能掌握数据可视化领域的知识,这对于从事数据分析、监控系统、业务...

    基于Vue3.0的“数据可视化大屏”设计与编辑器源码.zip

    基于Vue3.0的“数据可视化大屏”设计与编辑器源码 使用方法: 1. 下载该项目到本地, 2. 安装依赖 // yarn run install npm run install 3. 运行预览 // yarn run build npm run build 本项目为个人项目, 主要使用 ...

    [罗振辉] XML语言的可视化编辑器

    XML语言的可视化编辑器的重要性在于,它可以帮助开发人员快速地创建、编辑和管理XML文档,从而提高开发效率和降低错误率。XML编辑器可以分为两大类:命令行编辑器和图形化编辑器。命令行编辑器是使用命令行方式编辑...

    Tkinter 可视化编辑器

    Tkinter 可视化编辑器 界面设计Tkinter 可视化编辑器 界面设计Tkinter 可视化编辑器 界面设计Tkinter 可视化编辑器 界面设计Tkinter 可视化编辑器 界面设计Tkinter 可视化编辑器 界面设计Tkinter 可视化编辑器 界面...

    elementui的表单可视化编辑器自动生成表单验证代码

    ElementUI的表单可视化编辑器是一款基于Vue.js的前端组件库——Element UI的扩展工具,它的主要目的是简化和自动化表单验证代码的编写过程。在实际的Web开发中,使用Element UI创建表单时,通常需要手动编写验证规则...

    数据结构可视化类库的设计与实现.pdf

    通过构建可视数据结构,数据结构可视化类库能够在不依赖可视解释器的情况下,通过调用可视化接口来自动完成数据结构的可视化解释。这不仅提高了软件的开发速度,还增强了软件的可用性和可重用性。 此外,文章还探讨...

    基于vue3实现的svg可视化web组态编辑器。可无需修改代码动态添加svg组件.zip

    在本项目中,我们探讨的是一个基于Vue3框架构建的SVG可视化Web组态编辑器。这个编辑器的独特之处在于它允许用户动态添加SVG组件,而无需直接修改源代码,极大地提高了开发效率和用户体验。 首先,Vue3是Vue.js的...

Global site tag (gtag.js) - Google Analytics