网络编程
位置：首页>> 网络编程>> JavaScript>> 利用JavaScript正则表达式模拟Google Talk的文本处理

利用JavaScript正则表达式模拟Google Talk的文本处理

作者：March　来源：三月的蚁穴　发布时间：2007-12-04 18:43:00　

标签：正则表达式,Google,Talk,JavaScript

Google Talk是一个功能很简洁的即时通讯工具，尤其是它的文字输入区域，不同于其他IM，除了一个文字输入区域外没有任何其他操作。但是用户可以通过输入一些特殊组合的字符来格式化文本，比如：

  • _文本_，出现的效果就是斜体：文本

  • *文本*，出现的效果就是粗体：文本

  • 还有很多表情符号，输入后会变为蓝色的字符

前段时间给公司做一个Web IM的项目，就在JavaScript中用正则表达式模拟了一下这个效果。先看一下代码吧：

  • msg.replace(/(\*)([^\*]*)(\*)/g,'<strong>$2</strong>'); // 处理粗体文字的显示

  • msg.replace(/(_)([^_]*)(_)/g,'<em>$2</em>'); // 处理斜体文字的显示

  • msg.replace(/((http|https):\/\/.+)/g,'<a href="$1" target="_blank">$1</a>'); // 处理超文本链接

大致的原理就是：正则表达式中，用括号括起来的部分会从左向右的进行编号，然后在replace()的第二个参数中，通过 $n 来引用。比如：

var str = 'JavaScript is GREAT!';
str = str.replace(/(Java)(Script)/,'<strong>$1</strong><em>$2</em>');



str输出的结果就是 JavaScript is GREAT!


0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com