`
achun
  • 浏览: 311854 次
  • 性别: Icon_minigender_1
  • 来自: 河南郑州
社区版块
存档分类
最新评论

[nicEdit专题] nicEditor 打包工具.

阅读更多

nicEditor是一个不错的online式所见即所得编辑器.
为了方便开发,我集成了这个简单的打包工具.
对目录的解释
demos:nicEditor的几个演示
niceditdl:从nicEditor主站改造的下载页面
packer:js压缩工具
src:nicEditor的原代码
打包需要后台的支持,我这里提供了一个php的实现.
nedl.php5就是这个文件.

需要另外说明的是:
1.src/nicFileExplore是我自己扩展的一个文件管理器,用法比较麻烦,可以忽视.
2.zh-CN.js是我对nicEditor的本地化.
3.nicEditor的原代码已经是基于Version0.9.0b的,里面的代码为了能够pack我fixed过.
具体fixed不过是加了一些";"号而已.
4.如果你看到源代码中有???Ex.js的文件,是按我的想法对nicEditor模块的扩展.您同样可以忽视.

就这些了.

分享到:
评论
2 楼 achun 2008-05-27  
yeahoo 写道
之前看你介绍之后去了解过,发现这个编辑器还是很不错的。使用方便,体积小巧,还有简便的插件开发模式,可以预见将来的功能会很丰富。值得期待!


发现nE的几个不好的地方:

1.对于Indent的处理是利用浏览器自身的命令接口实现的.这个可能会造成兼容性问题.其他的还没有检查.

2.他生成的代码不是标准xhtml的,虽然显示没有大问题,不过不够优美.

现在没有时间去改造这个.
好在nE的框架小巧.
期望更多的朋友一起努力.在nE的框架基础上打造出更好的web editoer.
1 楼 yeahoo 2008-05-27  
之前看你介绍之后去了解过,发现这个编辑器还是很不错的。使用方便,体积小巧,还有简便的插件开发模式,可以预见将来的功能会很丰富。值得期待!

相关推荐

    WP-NicEdit 0.1插件 for Wordpress.zip

    插件名称:WP-NicEdit ...注:如过您的Wordpress并非安装在网站根目录下,比如是在根目录下的blog目录中,请编辑nicEdit.js文件的第30行为: iconsPath : ‘/blog/wp-content/plugins/wp-nicedit/nicEditorIcons.gif’

    nicEdit轻量级网页富文本编辑器

    1. **引入库文件**: 在HTML文件中,通过`<script>`标签引入`nicEdit.js`文件,通常放在`<head>`部分。 2. **初始化编辑器**: 使用JavaScript调用`bkLib.onDomLoaded`函数,确保DOM加载完成后初始化编辑器。例如: ...

    nicEdit中文以及官方demo(自己汉化的)

    demo1中的方法是给页面中所有textarea增加编辑器 demo2中的这个方法是给...<script src="nicEdit.js" type="text/javascript">该方法加载编辑器js js文件中iconsPath : 'nicEditorIcons.gif'语句设置编辑器图片路径

    nicEdit_脚本实例_

    1. **安装与引入**:在HTML文件中,通过 `<script>` 标签引入 nicEdit.js 文件,然后调用 `bkLib.onDomLoaded(nicSetup);` 来启动编辑器。 2. **配置编辑器**:通过传递参数到 `nicSetup` 函数,可以配置编辑器的...

    前端项目-NicEdit.zip

    1. **源代码文件**:包括JavaScript库(如nicEdit.js)、CSS样式表(如nicEdit.css)以及可能的图像资源。 2. **示例和文档**:演示如何使用NicEdit的HTML示例文件,以及关于如何集成和配置编辑器的文档。 3. **插件...

    nicEdit富文本编辑器

    <script src="nicEdit.js"> bkLib.onDomLoaded(function() { new nicEditor().panelInstance('myTextArea'); }); <textarea id="myTextArea"></textarea> ``` 这里,`new nicEditor().panelInstance('...

    nicEdit HTML网页在线编辑器.rar

    nicEdit 是一款简洁的HTML网页在线编辑器,上传功能需要自己添加,nicEdit除了上传功能外,几乎包括了常用的网页文字编辑功能,包括排版、字体样式设计、表格插入、图片插入等,若对编辑器上传功能无要求的话,...

    JS 插件NicEdit富文本编辑器特效源码.zip

    1. **引入资源**:在HTML页面中引入NicEdit的JavaScript文件,通常为`nicEdit.js`。 2. **初始化编辑器**:通过调用`new nicEditor()`创建编辑器实例,并指定要转化为富文本编辑器的元素ID。 3. **配置编辑器**:可...

    JS 插件NicEdit富文本编辑器特效源码.rar

    1. **nicEdit.js**:这是NicEdit的主要脚本文件,包含了所有核心功能的实现。 2. **nicPlugins**:这个目录下的文件是NicEdit的插件,可以扩展编辑器的功能。 3. **nicXHTML.js**:处理和转换HTML到XHTML的脚本,...

    JS富文本编辑器插件NicEdit.zip

    <script src="path/to/nicEdit.js"> bkLib.onDomLoaded(function() { new nicEditor().panelInstance('myEditor'); }); ``` NicEdit也提供了事件监听和扩展机制,允许开发者通过绑定事件处理函数或编写自定义...

    nicEdit源代码

    使用nicEdit非常简单,只需要在网页中引入`nicEditor.js`,然后通过JavaScript调用`nicEditors.allTextAreas()`或`nicEditors.replaceTextarea()`方法,将文本区域转换为富文本编辑器。此外,还可以通过传递选项...

    nicEdit 编辑器

    它只需要引入一个名为`nicEdit.js`的JavaScript文件和一个用于图标显示的GIF文件,大大减少了页面的加载时间。 2. **易用性**:nicEdit的API简单直观,开发者可以轻松地将其集成到现有的HTML页面中,通过几行代码...

    nicEditor文档编辑器

    7. **示例和文档**:nicEdit.js所在的压缩包中包含的“demos”目录下,有多个实例演示了如何使用和定制nicEditor,这些示例对于快速上手非常有帮助。 8. **图标资源**:nicEditorIcons.gif是编辑器中使用的图标集合...

    简洁在线HTML编辑器(nicedit)

    1. **单一JS文件**:nicEdit的核心优势在于其精简的设计,仅需引用一个名为`nicEdit.js`的JavaScript文件,即可在网页上实现基本的富文本编辑功能,简化了集成过程。 2. **简单控制**:nicEdit提供了直观的控制界面...

    简单的在线文本编辑器nicEdit,中文版

    ** nicEdit:一款简洁高效的在线文本编辑器 ** 在网页设计和开发中,文本编辑器是不可或缺的一部分,...总的来说,nicEdit 是一个值得信赖的工具,能够在不牺牲用户体验的前提下,有效地处理网页中的文本编辑任务。

    nicedit

    在“nicEdit.js”这个核心文件中,包含了nicEdit的主要代码实现。这是一个JavaScript库,通过在网页中引入这个脚本,就能在任何HTML元素上添加一个富文本编辑器。nicEdit的灵活性在于其插件系统,允许开发者根据需求...

    简洁的富文本编辑器NicEdit插件

    另外,"nicEdit.js"是NicEdit的主要JavaScript文件,包含了编辑器的所有功能。通过在HTML页面中引入这个脚本,并调用适当的函数,就能轻松地添加编辑器到任何文本输入区域。 此外,"demo02.html"、"demo03.html"、...

    nicEdit 支持图片上传 php

    首先,`nicEdit.js` 是 nicEdit 的核心 JavaScript 文件,它提供了编辑器的初始化、事件处理、格式化命令等功能。在使用 nicEdit 时,你需要在页面中引入这个文件,并调用 `bkLib.onDomLoaded(nicSetup);` 来启动...

Global site tag (gtag.js) - Google Analytics