`
fishswing
  • 浏览: 41680 次
  • 性别: Icon_minigender_1
  • 来自: 贵阳
社区版块
存档分类
最新评论

在nicEdit中通过过滤html标签获取纯文本内容

阅读更多

     今天使用nicEdit文本编辑器时,在输入内容应用样式(如加粗B,下划线U),或从其他地方复制内容到该文本编辑器中之后,获取的内容将会是带有这些样式的内容,即加入了html的样式格式,而得不到真正想要的纯文本内容。忙活了半天,我找到了解决办法,就是把取得的内容通过正则表达式把里面的html样式格式代码全过滤掉。现在做一下笔记:

    首先,在页面中加入nicEdit,并把其作用于textarea标签上,如下

 

<div id="sample">
	 <script type="text/javascript" src="../nicEdit.js"></script>
	 <script type="text/javascript">
		bkLib.onDomLoaded(function() { 
			//nicEditors.allTextAreas() 
			ndPanel = new nicEditor({ fullPanel: true }).panelInstance('ct');
			ndinstance = ndPanel.nicInstances[0];
		});
	</script>	
</div>	
<textarea id="ct" name="area1" cols="40"></textarea>
<input type="button" onclick="getCont()" value="getContent"/>

 

     里面有一个获取内容的按钮,在getCont()方法中,取得真正的内容,如下:

 

   <script type="text/javascript">
  	function getCont(){
		var c = ndinstance.getContent();
		alert(c);
		var start_ptn = /(<.[^>]+>)*/gmi;		//过滤标签开头	
		var end_ptn = /<\/?\w+>$/;			//过滤标签结束
		var space_ptn = /(&nbsp;)*/;			//过滤空格
		var c1 = c.replace(start_ptn,"").replace(end_ptn).replace(space_ptn,"");
		alert(c1);
	}
	</script>
 

得到的c1就是过滤之后的纯文本内容。

0
0
分享到:
评论

相关推荐

    html文本编辑器(nicEdit)

    nicEdit通过在网页中嵌入一个简单的编辑器界面,允许用户以WYSIWYG(所见即所得)的方式编辑HTML内容,而无需深入了解HTML代码。 1. **JavaScript库**:nicEdit是基于JavaScript编程语言构建的,这意味着它可以在...

    nicEdit轻量级文本编辑器

    nicEdit的出现,极大地简化了用户在网页端进行文本格式化和编辑的复杂度,让非专业用户也能轻松创建具有专业外观的内容。 **核心特点** 1. **轻量级**:nicEdit的大小远小于许多其他富文本编辑器,这意味着它对...

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

    富文本编辑器在网页开发中扮演着至关重要的角色,它允许用户在网页上进行格式化文本输入,类似于我们在Word文档中的操作。NicEdit是一个简洁且轻量级的富文本编辑器插件,专为那些追求高效、简洁和跨平台解决方案的...

    nicEdit富文本编辑器

    富文本编辑器在网页开发中扮演着至关重要的角色,它允许用户在浏览器端进行格式化文本输入,常见的应用场景包括论坛、博客、内容管理系统等。nicEdit是一款轻量级、易用且可高度定制的富文本编辑器,它的主要特点是...

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

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

    NicEdit富文本编辑器

    3. **易于集成**:NicEdit可以通过简单的JavaScript代码快速地嵌入到网页中,提供了一种简单的方式来添加文本编辑功能,对于不熟悉复杂前端技术的开发者也十分友好。 4. **基本编辑功能**:NicEdit提供了一系列常见...

    nicEdit 编辑器

    在Web开发中,富文本编辑器是不可或缺的一部分,它为用户提供了在网页上创建和编辑复杂格式文本的能力。nicEdit是一款轻量级且易于集成的富文本编辑器,特别适合那些对资源要求严格的项目。它的主要特点是仅依赖一个...

    nicedit

    在实际应用中,nicEdit适用于那些需要在网页上提供简单易用的富文本输入环境的场景,比如博客平台、论坛、在线表单或者内容管理系统。它支持跨浏览器运行,包括Firefox、Chrome、Safari、IE等多种常见浏览器,保证了...

    nicEdit_脚本实例_

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

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

    在实际项目中,为了确保用户体验和数据安全,你可能还需要处理一些额外的细节,如防止XSS攻击(通过正确过滤和转义用户输入的内容),以及在编辑完成后将内容保存到服务器。 NicEdit提供了一种便捷的方式,通过调用`...

    nicEdit源代码

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

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

    demo1中的方法是给页面中所有textarea增加编辑器 demo2中的这个方法是给文本框加载编辑器 可以按照需求加载编辑器按钮 bkLib.onDomLoaded(function() { new nicEditor().panelInstance('area1'); new nicEditor({...

    nicEdit HTML网页在线编辑器.rar

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

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

    在网页开发中,富文本编辑器是不可或缺的一部分,它允许用户在浏览器中直接编辑文本并格式化内容,类似于Word等桌面应用程序。其中,NicEdit是一款轻量级、易于集成且功能强大的JavaScript插件,特别适合那些希望...

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

    4. **保存与提交**:当用户完成编辑后,可以通过 JavaScript 接口获取编辑器中的内容,并将其保存或提交到服务器。 nicEdit 的使用不仅限于内容创作,也可以应用于评论系统、论坛、博客、CMS系统等多个领域。它的...

    nicEdit(html编辑器) v0.9 r23

    NicEdit Javascript 能够快速地整合到任一站点中并使得任一元素/DIV变的可以编辑或将标准文本区域转变成富文本形式来进行编辑。 下载的文件包含了NicEdit 所有的功能和插件,适合开发使用的未压缩的js。

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

    NicEdit就是这样的一个工具,用户在浏览器中可以直接进行文字格式化、插入图片、链接等操作,所见即所得,使得非技术人员也能轻松进行内容编辑。 **3. NicEdit的特性** - **跨浏览器兼容性**:NicEdit支持主流的...

    简洁在线HTML编辑器(nicedit)

    2. **内容管理系统**:在内容管理系统(CMS)中,nicEdit可以作为后台编辑界面的一部分,让内容创建者无需深入HTML代码就能创建美观的页面。 3. **在线表单**:对于需要用户输入大量文本的在线表单,nicEdit可以...

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

    在Web开发中,富文本编辑器是一个不可或缺的工具,它允许用户以类似Word的方式在网页上编辑内容。NicEdit是一款轻量级、高效的JavaScript插件,专为实现这一目标而设计。这款编辑器以其简洁的API和丰富的自定义功能...

Global site tag (gtag.js) - Google Analytics