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

[nicEdit专题]bkLib.js回顾

阅读更多

学习了bkLib.js的实现后,让我们回顾一下BK都做了什么.

bkLib.js里的内容似乎和所见即所得编辑器没有直接的联系.

是的.BK在这个文件中做的是一些基础的工作,涉及了

Class,Event,lib(常用函数库)和closure

这几个方面是我们编程工作中广泛的基础,这些工具是可以被广泛使用的.

这个设计中的实现代码结构清晰,简洁,基础.真的是为我们广泛使用打下了一个很好的基础.

扩充起来也容易.这也是作者在命名的时候起bkLib这个名字的原因了.

在我们继续进行之前,建议大家先看看nicEdit的 Demo

下次我们将进入正题.(汗其他代码我还没有看呢,其实我这也是学习笔记了.)

分享到:
评论
4 楼 achun 2008-06-06  
dxx 写道
请问大大,怎么取到nic中的html代码啊????

对于所有nE的操作,首先的前提是你要访问到nE实例对象。
也就是说,方法1.通过保留实例变量
var nE=new nicEditor().panelInstance('foo');

要把这个保留起来,然后的操作就是选择一个实例了。
方法2,从nE的plugin的入手,当有事件发生时,nE的实例对象就会传递过去。
有了实例对象。就可以访问
selectedInstance.instanceDoc

等等属性了,当然所有就都在控制了。
我这个解释还是很笼统,不配合实际的例子和需求和代码是描述起来挺苍白的.
3 楼 dxx 2008-06-06  
请问大大,怎么取到nic中的html代码啊????
2 楼 我佛山人 2008-05-06  
大略看了一下,感觉像是bkMootools
1 楼 achun 2008-05-05  
顺便问问,大家对nicEdit的看法.
不会只把她当作一个Editor吧,我的出发点肯定不是这个的.我知道自己还没有足够的水平来明晰她的一切。nicEdit是我选择的一个学习例子。
不管大家怎么说,我都会满怀热情,继续我的nicEdit之旅。
所以,要批就批吧(喝点酒,心情不错)。
过几天(自用的小样已经出来,只是现在赶活,来不及整理)放出nicEdit的(蹩脚,不完美)打包(压缩/整合工具)工具.

相关推荐

    WP-NicEdit 0.1插件 for Wordpress.zip

    本插件利用开源ajax-js代码NicEdit作为核心,使得Wordpress的评论输入框成为一个所见即所得(WYSIWYG)的图文编辑框,从而提高评论输入内容的精彩程度。 浏览器支持: IE6.0以上,FireFox,Opera,Safari,Chrome ...

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

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

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

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

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

    《JS插件NicEdit富文本编辑器特效源码详解》 在网页开发中,富文本编辑器是不可或缺的一部分,它允许用户在浏览器中直接编辑文本并格式化内容,类似于Word等桌面应用程序。其中,NicEdit是一款轻量级、易于集成且...

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

    nicEdit是一款非常小巧且功能强大的JavaScript富文本编辑器,它的核心代码大小不超过100KB,这使得它在网页应用中具有较高的加载速度和良好的性能表现。nicEdit的设计理念是简洁易用,开发者可以轻松地将其集成到...

    前端项目-NicEdit.zip

    NicEdit是由Bryant Huppin开发的一款JavaScript库,旨在提供一个简单、快速且跨浏览器的富文本编辑解决方案。它不依赖任何其他的JavaScript库,可以独立使用,这使得它在资源有限的环境中尤为适用。 2. **特性与...

    nicEdit轻量级文本编辑器

    2. **易于集成**:nicEdit通过简单的JavaScript代码即可被添加到任何HTML页面中,只需要引入nicEdit.js文件,然后调用相应的初始化函数,就能立即启用编辑器功能。 3. **丰富的编辑功能**:尽管小巧,但nicEdit提供...

    nicEdit富文本编辑器

    使用nicEdit非常简单,首先需要在HTML文件中引入nicEdit.js库,然后通过JavaScript调用`bkLib.onDomLoaded`函数来创建编辑器实例。基本的使用示例如下: ```html <script src="nicEdit.js"> bkLib.onDomLoaded...

    nicEdit_脚本实例_

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

    nicEdit 支持图片上传 php

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

    NicEdit富文本编辑器

    <script src="nicEdit.js"> bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); ``` 这段代码会在页面加载完成后,将所有`<textarea>`元素替换为NicEdit编辑器。 总的来说,NicEdit作为一款优秀的富...

    简洁在线HTML编辑器(nicedit)

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

    nicEdit 编辑器

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

    nicEdit简单小巧编辑器

    nicEdit是一款轻量级的JavaScript富文本编辑器,它以其简洁的设计和全面的功能集而受到广大Web开发者的喜爱。在网页设计和内容管理系统(CMS)中,富文本编辑器是必不可少的工具,它们允许用户以类似Word的方式在...

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

    1. **JavaScript文件**:主要包含NicEdit的主库(nicCore.js)和其他模块,如按钮定义(nicButtons.js)、图片上传(nicImageManager.js)等。开发者可以通过修改这些文件,实现自定义功能或扩展。 2. **CSS样式表**...

    nicedit

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

    nicEdit源代码

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

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

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

Global site tag (gtag.js) - Google Analytics