nicEdit使用方法,nicEdit的使用,
nicEdit获取编辑器里面的内容,nicEdit详细使用方法
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/libs/nicEdit/nicEdit.js"></script>
<script type="text/javascript">
var rootPath = $("#rootPath").val();
bkLib.onDomLoaded(function() {
new nicEditor({fullPanel : true,iconsPath : rootPath+'/libs/nicEdit/nicEditorIcons.gif'}).panelInstance('myEditor');
//new nicEditor({fullPanel : true}).panelInstance('area2');
//new nicEditor({iconsPath : '../nicEditorIcons.gif'}).panelInstance('area3');
//new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','image']}).panelInstance('area4');
//new nicEditor({maxHeight : 100}).panelInstance('area5');
});
</script>
获取nicEdit 编辑器的内容,其中nicEdit-main
为一个div的Class
<div
class
=" nicEdit-main
"
contenteditable
="true
"
style
="width: 592px; margin: 4px; min-height: 300px; overflow: hidden;
"
>
$(".nicEdit-main").html();
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2012年12月8日 14:49:37 星期六
分享到:
相关推荐
`nicEditors` 类提供了方便的方法来添加NicEdit到页面上或根据ID获取编辑器的引用。 - **`nicEditors.allTextAreas`**:将页面上的所有文本框转换为NicEdit实例。返回一个包含页面上所有NicEdit实例的数组引用。 - ...
nicEdit 广泛应用于博客系统、论坛、在线表单和内容管理系统中,提供了一种简单的方式来增强用户的输入体验。例如,用户可以在评论框中轻松地改变文字样式、插入图片,甚至插入HTML代码。 总之,nicEdit 是一款强大...
**二、nicEdit的使用方法** 1. **引入文件**:首先,你需要在HTML页面的`<head>`部分引入`nicEdit.js`文件,如: ```html <script type="text/javascript" src="path/to/nicEdit.js"> ``` 2. **初始化编辑器**...
"nicEdit"是一款轻量级但功能强大的在线文本编辑器,专为网页设计和内容创建者提供便捷的富文本编辑体验。它不占用大量系统资源,却能提供类似于桌面文字处理软件的功能,使得用户在网页上可以轻松进行格式化、插入...
9. **版本控制**:尽管"nicEdit-full"没有明确说明,通常“full”版本可能包含所有可用的插件和功能,方便开发者一次性获取完整功能。 10. **许可证**:了解nicEdit的许可协议很重要,因为它可能影响你在商业项目中...
nicEdit提供了丰富的API,如`instanceById`用于获取编辑器实例,`setContent`用于设置编辑器内容,`getContent`用于获取编辑器内容。同时,它还支持一些事件监听,如`editBlur`、`editFocus`等,可以帮助开发者实现...
使用nicEdit非常简单,只需要在网页中引入`nicEditor.js`,然后通过JavaScript调用`nicEditors.allTextAreas()`或`nicEditors.replaceTextarea()`方法,将文本区域转换为富文本编辑器。此外,还可以通过传递选项...
富文本编辑器在网页开发中扮演着至关...通过压缩包中的示例文件,开发者可以快速掌握其使用方法,并根据项目需求进行个性化配置。无论你是初学者还是经验丰富的开发者,NicEdit都是一个值得考虑的富文本编辑器选择。
总之,NicEdit是一个优秀的AJAX驱动的WYSIWYG在线编辑器,它的无刷新特性、良好的浏览器兼容性和易用性使其成为网页内容编辑的理想选择。结合后台的使用,可以构建出高效、用户友好的在线编辑系统。开发者应充分利用...
6. **简单API**:nicEdit提供简洁的API接口,允许开发者轻松地控制编辑器的行为,如获取和设置编辑器内容、监听编辑事件等。 **应用示例** nicEdit在实际应用中,常用于: - **论坛**:论坛用户在发帖时,可以...
`demos`目录下的示例代码可以帮助我们更好地理解和使用nicEdit。这些示例展示了如何在不同场景下使用编辑器,包括基本功能的演示以及如何自定义配置。通过查看和运行这些示例,开发者可以快速上手并根据自己的需求...
这是一个相当轻量级的 所见即所得编辑器, 跨平台的Inline Content Editor。NicEdit能够让任何 ...NicEdit是我见过最轻量级的富文本编辑器,总共就一个JS文件和一张图片,经过我在项目里的使用情况来看,相当好用。
demo1中的方法是给页面中所有textarea增加编辑器 demo2中的这个方法是给...<script src="nicEdit.js" type="text/javascript">该方法加载编辑器js js文件中iconsPath : 'nicEditorIcons.gif'语句设置编辑器图片路径
NicEdit 是一个轻量级,跨平台,内联的内容编辑器。能够使你很容易地浏览器上实时的编辑站点内容。NicEdit Javascript 能够快速地整合到任一站点中并使得任一元素/DIV变的可以编辑或将标准文本区域转变成富文本形式...
NicEdit是一款轻量级、跨平台的网页内容编辑器,专为在浏览器环境中方便快捷地编辑网站内容而设计。它的核心特性在于通过JavaScript快速集成,能够将普通的textarea元素转化为富文本编辑器,允许用户以更加直观的...
本篇文章将详细介绍NicEdit的特性和使用方法。 1. **NicEdit的基本概念** NicEdit是由Bryant Huppin开发的一款JavaScript库,旨在提供一个简单、快速且跨浏览器的富文本编辑解决方案。它不依赖任何其他的...
nicEdit 是一款简洁的HTML网页在线编辑器,上传功能需要自己添加,nicEdit除了上传功能外,几乎包括了常用的网页文字编辑功能,包括排版、字体样式设计、表格插入、图片插入等,若对编辑器上传功能无要求的话,...
为了使用NicEdit,你需要在网页中引入NicEdit的JavaScript库,并通过调用相应的函数创建编辑器实例。例如: ```html <script src="nicEdit.js"> bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); `...
nicEdit 的使用不仅限于内容创作,也可以应用于评论系统、论坛、博客、CMS系统等多个领域。它的存在为那些需要一个简单、快速且功能实用的在线编辑器的开发者提供了一个理想的选择。总的来说,nicEdit 是一个值得...
### 使用方法 1. **引入nicEdit.js**:首先,在HTML页面中通过`<script>`标签引入nicEdit.js库,通常放在`<head>`或`<body>`的底部。 2. **初始化编辑器**:通过调用`bkLib.newInstance`函数,指定一个元素ID,将...