`

nicEdit使用方法,nicEdit的使用,nicEdit获取内容【蕃薯耀分享】

阅读更多

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 星期六

1
1
分享到:
评论

相关推荐

    NicEdit编辑器API文档

    `nicEditors` 类提供了方便的方法来添加NicEdit到页面上或根据ID获取编辑器的引用。 - **`nicEditors.allTextAreas`**:将页面上的所有文本框转换为NicEdit实例。返回一个包含页面上所有NicEdit实例的数组引用。 - ...

    nicEdit_脚本实例_

    nicEdit 广泛应用于博客系统、论坛、在线表单和内容管理系统中,提供了一种简单的方式来增强用户的输入体验。例如,用户可以在评论框中轻松地改变文字样式、插入图片,甚至插入HTML代码。 总之,nicEdit 是一款强大...

    nicEdit 编辑器

    **二、nicEdit的使用方法** 1. **引入文件**:首先,你需要在HTML页面的`&lt;head&gt;`部分引入`nicEdit.js`文件,如: ```html &lt;script type="text/javascript" src="path/to/nicEdit.js"&gt; ``` 2. **初始化编辑器**...

    nicedit

    "nicEdit"是一款轻量级但功能强大的在线文本编辑器,专为网页设计和内容创建者提供便捷的富文本编辑体验。它不占用大量系统资源,却能提供类似于桌面文字处理软件的功能,使得用户在网页上可以轻松进行格式化、插入...

    html文本编辑器(nicEdit)

    9. **版本控制**:尽管"nicEdit-full"没有明确说明,通常“full”版本可能包含所有可用的插件和功能,方便开发者一次性获取完整功能。 10. **许可证**:了解nicEdit的许可协议很重要,因为它可能影响你在商业项目中...

    nicEdit富文本编辑器

    nicEdit提供了丰富的API,如`instanceById`用于获取编辑器实例,`setContent`用于设置编辑器内容,`getContent`用于获取编辑器内容。同时,它还支持一些事件监听,如`editBlur`、`editFocus`等,可以帮助开发者实现...

    nicEdit源代码

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

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

    富文本编辑器在网页开发中扮演着至关...通过压缩包中的示例文件,开发者可以快速掌握其使用方法,并根据项目需求进行个性化配置。无论你是初学者还是经验丰富的开发者,NicEdit都是一个值得考虑的富文本编辑器选择。

    NicEdit基于AJAX 技术的WYSIWYG 在线编辑器

    总之,NicEdit是一个优秀的AJAX驱动的WYSIWYG在线编辑器,它的无刷新特性、良好的浏览器兼容性和易用性使其成为网页内容编辑的理想选择。结合后台的使用,可以构建出高效、用户友好的在线编辑系统。开发者应充分利用...

    nicEdit轻量级文本编辑器

    6. **简单API**:nicEdit提供简洁的API接口,允许开发者轻松地控制编辑器的行为,如获取和设置编辑器内容、监听编辑事件等。 **应用示例** nicEdit在实际应用中,常用于: - **论坛**:论坛用户在发帖时,可以...

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

    `demos`目录下的示例代码可以帮助我们更好地理解和使用nicEdit。这些示例展示了如何在不同场景下使用编辑器,包括基本功能的演示以及如何自定义配置。通过查看和运行这些示例,开发者可以快速上手并根据自己的需求...

    NicEdit-Textarea编辑器

    这是一个相当轻量级的 所见即所得编辑器, 跨平台的Inline Content Editor。NicEdit能够让任何 ...NicEdit是我见过最轻量级的富文本编辑器,总共就一个JS文件和一张图片,经过我在项目里的使用情况来看,相当好用。

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

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

    nicEdit(html编辑器) v0.9 r23

    NicEdit 是一个轻量级,跨平台,内联的内容编辑器。能够使你很容易地浏览器上实时的编辑站点内容。NicEdit Javascript 能够快速地整合到任一站点中并使得任一元素/DIV变的可以编辑或将标准文本区域转变成富文本形式...

    nicedit 轻量级编辑器 使用心得

    NicEdit是一款轻量级、跨平台的网页内容编辑器,专为在浏览器环境中方便快捷地编辑网站内容而设计。它的核心特性在于通过JavaScript快速集成,能够将普通的textarea元素转化为富文本编辑器,允许用户以更加直观的...

    前端项目-NicEdit.zip

    本篇文章将详细介绍NicEdit的特性和使用方法。 1. **NicEdit的基本概念** NicEdit是由Bryant Huppin开发的一款JavaScript库,旨在提供一个简单、快速且跨浏览器的富文本编辑解决方案。它不依赖任何其他的...

    nicEdit HTML网页在线编辑器.rar

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

    NicEdit富文本编辑器

    为了使用NicEdit,你需要在网页中引入NicEdit的JavaScript库,并通过调用相应的函数创建编辑器实例。例如: ```html &lt;script src="nicEdit.js"&gt; bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); `...

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

    nicEdit 的使用不仅限于内容创作,也可以应用于评论系统、论坛、博客、CMS系统等多个领域。它的存在为那些需要一个简单、快速且功能实用的在线编辑器的开发者提供了一个理想的选择。总的来说,nicEdit 是一个值得...

    nicEdit简单小巧编辑器

    ### 使用方法 1. **引入nicEdit.js**:首先,在HTML页面中通过`&lt;script&gt;`标签引入nicEdit.js库,通常放在`&lt;head&gt;`或`&lt;body&gt;`的底部。 2. **初始化编辑器**:通过调用`bkLib.newInstance`函数,指定一个元素ID,将...

Global site tag (gtag.js) - Google Analytics