今天使用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 = /( )*/; //过滤空格
var c1 = c.replace(start_ptn,"").replace(end_ptn).replace(space_ptn,"");
alert(c1);
}
</script>
得到的c1就是过滤之后的纯文本内容。
分享到:
相关推荐
nicEdit通过在网页中嵌入一个简单的编辑器界面,允许用户以WYSIWYG(所见即所得)的方式编辑HTML内容,而无需深入了解HTML代码。 1. **JavaScript库**:nicEdit是基于JavaScript编程语言构建的,这意味着它可以在...
nicEdit的出现,极大地简化了用户在网页端进行文本格式化和编辑的复杂度,让非专业用户也能轻松创建具有专业外观的内容。 **核心特点** 1. **轻量级**:nicEdit的大小远小于许多其他富文本编辑器,这意味着它对...
富文本编辑器在网页开发中扮演着至关重要的角色,它允许用户在网页上进行格式化文本输入,类似于我们在Word文档中的操作。NicEdit是一个简洁且轻量级的富文本编辑器插件,专为那些追求高效、简洁和跨平台解决方案的...
富文本编辑器在网页开发中扮演着至关重要的角色,它允许用户在浏览器端进行格式化文本输入,常见的应用场景包括论坛、博客、内容管理系统等。nicEdit是一款轻量级、易用且可高度定制的富文本编辑器,它的主要特点是...
1. **引入库文件**: 在HTML文件中,通过`<script>`标签引入`nicEdit.js`文件,通常放在`<head>`部分。 2. **初始化编辑器**: 使用JavaScript调用`bkLib.onDomLoaded`函数,确保DOM加载完成后初始化编辑器。例如: ...
3. **易于集成**:NicEdit可以通过简单的JavaScript代码快速地嵌入到网页中,提供了一种简单的方式来添加文本编辑功能,对于不熟悉复杂前端技术的开发者也十分友好。 4. **基本编辑功能**:NicEdit提供了一系列常见...
在Web开发中,富文本编辑器是不可或缺的一部分,它为用户提供了在网页上创建和编辑复杂格式文本的能力。nicEdit是一款轻量级且易于集成的富文本编辑器,特别适合那些对资源要求严格的项目。它的主要特点是仅依赖一个...
在实际应用中,nicEdit适用于那些需要在网页上提供简单易用的富文本输入环境的场景,比如博客平台、论坛、在线表单或者内容管理系统。它支持跨浏览器运行,包括Firefox、Chrome、Safari、IE等多种常见浏览器,保证了...
1. **安装与引入**:在HTML文件中,通过 `<script>` 标签引入 nicEdit.js 文件,然后调用 `bkLib.onDomLoaded(nicSetup);` 来启动编辑器。 2. **配置编辑器**:通过传递参数到 `nicSetup` 函数,可以配置编辑器的...
NicEdit可以生成符合XHTML标准的输出,这对于确保内容在各种浏览器和设备上正确显示非常重要。通过设置相关选项,可以控制生成的HTML代码的结构和格式,确保其符合最新的Web标准。 #### 七、定制化 NicEdit提供了...
在实际项目中,为了确保用户体验和数据安全,你可能还需要处理一些额外的细节,如防止XSS攻击(通过正确过滤和转义用户输入的内容),以及在编辑完成后将内容保存到服务器。 NicEdit提供了一种便捷的方式,通过调用`...
使用nicEdit非常简单,只需要在网页中引入`nicEditor.js`,然后通过JavaScript调用`nicEditors.allTextAreas()`或`nicEditors.replaceTextarea()`方法,将文本区域转换为富文本编辑器。此外,还可以通过传递选项...
demo1中的方法是给页面中所有textarea增加编辑器 demo2中的这个方法是给文本框加载编辑器 可以按照需求加载编辑器按钮 bkLib.onDomLoaded(function() { new nicEditor().panelInstance('area1'); new nicEditor({...
nicEdit 是一款简洁的HTML网页在线编辑器,上传功能需要自己添加,nicEdit除了上传功能外,几乎包括了常用的网页文字编辑功能,包括排版、字体样式设计、表格插入、图片插入等,若对编辑器上传功能无要求的话,...
在网页开发中,富文本编辑器是不可或缺的一部分,它允许用户在浏览器中直接编辑文本并格式化内容,类似于Word等桌面应用程序。其中,NicEdit是一款轻量级、易于集成且功能强大的JavaScript插件,特别适合那些希望...
4. **保存与提交**:当用户完成编辑后,可以通过 JavaScript 接口获取编辑器中的内容,并将其保存或提交到服务器。 nicEdit 的使用不仅限于内容创作,也可以应用于评论系统、论坛、博客、CMS系统等多个领域。它的...
NicEdit Javascript 能够快速地整合到任一站点中并使得任一元素/DIV变的可以编辑或将标准文本区域转变成富文本形式来进行编辑。 下载的文件包含了NicEdit 所有的功能和插件,适合开发使用的未压缩的js。
NicEdit就是这样的一个工具,用户在浏览器中可以直接进行文字格式化、插入图片、链接等操作,所见即所得,使得非技术人员也能轻松进行内容编辑。 **3. NicEdit的特性** - **跨浏览器兼容性**:NicEdit支持主流的...
2. **内容管理系统**:在内容管理系统(CMS)中,nicEdit可以作为后台编辑界面的一部分,让内容创建者无需深入HTML代码就能创建美观的页面。 3. **在线表单**:对于需要用户输入大量文本的在线表单,nicEdit可以...
在Web开发中,富文本编辑器是一个不可或缺的工具,它允许用户以类似Word的方式在网页上编辑内容。NicEdit是一款轻量级、高效的JavaScript插件,专为实现这一目标而设计。这款编辑器以其简洁的API和丰富的自定义功能...