Dreamweaver中使用正则表达式查找替换

在WEB前端开发过程中,经常会遇到批量查找替换某些代码,擅于运用工具会大大提高你的开发效率,在这里简单介绍下在DW里用正则查找替换的方法:

问题: 给属性添加双引号,例如:

<a href=index.html title=前端笔记>
<img src=images/img.jpg width=21 height=5 alt=前端笔记 />
</a>

现在想把它们的值都加上引号,例如:

<a href="index.html" title="前端笔记">
<img src="images/img.jpg" width="21" height="5" alt="前端笔记" />
</a>

由于这些东西有很多,单个修改很麻烦,怎么办?

解决办法:使用DW查找替换中的正则表达式功能。

在查找框中输入:
(\s+\w+)\s*=\s*([^>"\s]+)

在替换框中输入:

(\s+\w+)\s*="$1"

OK,问题解决了。注:其中 \s* 表示空格!

在此给大家推荐一个正则表达式查找替换的工具:

Actual Search & Replace

Actual Search & Replace 是一个简单易用,但功能强大的工具,可以对多个 ASCII (文本,HTML 等) 文件进行搜索和替换操作。下面是该程序的主要功能:

通过指定一个路径,文件名类型和查询查找文件。通过短语,单词,搜索引擎中的查询,多行或正则表达式来搜索文档。

可以在上一次搜索结果中搜索。

Actual Search & Replace 可以在找到文件中高亮显示包含搜索单词和短语的行。

在文档中替换,插入和删除短语或行。

批量操作允许你通过一键操作来执行大量的替换工作。

表达式全集

正则表达式有多?不同的风格。下表是在PCRE中元字符及其在正则表达式上下文中的行为的一个完整列表:

字符 描述

\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,「n」匹配字符「n」。「\n」匹配一个换行符。序列「\\」匹配「\」而「\(」则匹配「(」。

^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配「\n」或「\r」之后的位置。

$匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性,$也匹配「\n」或「\r」之前的位置。

*匹配前面的子表达式零次或多次。例如,zo*能匹配「z」以及「zoo」。*等价于{0,}。

+匹配前面的子表达式一次或多次。例如,「zo+」能匹配「zo」以及「zoo」,但不能匹配「z」。+等价于{1,}。

?匹配前面的子表达式零次或一次。例如,「do(es)?」可以匹配「does」或「does」中的「do」。?等价于{0,1}。

{n}n是一个非负整数。匹配确定的n次。例如,「o{2}」不能匹配「Bob」中的「o」,但是能匹配「food」中的两个o。

{n,}n是一个非负整数。至少匹配n次。例如,「o{2,}」不能匹配「Bob」中的「o」,但能匹配「foooood」中的所有o。「o{1,}」等价于「o+」。「o{0,}」则等价于「o*」。

{n,m}m和n均为非负整数,其中n<=m。最少匹配n次且最多匹配m次。例如,「o{1,3}」将匹配「fooooood」中的前三个o。「o{0,1}」等价于「o?」。请注意在逗号和两个数之间不能有空格。

?当该字符紧跟在任何一个其他限制符(*,+,?,{n},{n,},{n,m})后面时,匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串,而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如,对于字符串「oooo」,「o+?」将匹配单个「o」,而「o+」将匹配所有「o」。

.匹配除「\n」之外的任何单个字符。要匹配包括「\n」在内的任何字符,请使用像「[.\n]」的模式。

(pattern)匹配pattern并获取这一匹配。所获取的匹配可以从产生的Matches集合得到,在VBScript中使用SubMatches集合,在JScript中则使用$0…$9属性。要匹配圆括?字符,请使用「\(」或「\)」。

(?:pattern)匹配pattern但不获取匹配结果,也就是说这是一个非获取匹配,不进行存储供以后使用。这在使用或字符「(|)」来组合一个模式的各个部分是很有用。例如「industr(?:y|ies)」就是一个比「industry|industries」更简略的表达式。

(?=pattern)正向肯定预查,在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如,「Windows(?=95|98|NT|2000)」能匹配「Windows2000」中的「Windows」,但不能匹配「Windows3.1」中的「Windows」。预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始。

(?!pattern)正向否定预查,在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如「Windows(?!95|98|NT|2000)」能匹配「Windows3.1」中的「Windows」,但不能匹配「Windows2000」中的「Windows」。预查不消耗字符,也就是说,在一个匹配发生后,在最后一次匹配之后立即开始下一次匹配的搜索,而不是从包含预查的字符之后开始

(?<=pattern)反向肯定预查,与正向肯定预查类拟,只是方向相反。例如,「(?<=95|98|NT|2000)Windows」能匹配「2000Windows」中的「Windows」,但不能匹配「3.1Windows」中的「Windows」。

(?<!pattern)反向否定预查,与正向否定预查类拟,只是方向相反。例如「(?<!95|98|NT|2000)Windows」能匹配「3.1Windows」中的「Windows」,但不能匹配「2000Windows」中的「Windows」。

x|y匹配x或y。例如,「z|food」能匹配「z」或「food」。「(z|f)ood」则匹配「zood」或「food」。

[xyz]字符集合。匹配所包含的任意一个字符。例如,「[abc]」可以匹配「plain」中的「a」。

[^xyz]负值字符集合。匹配未包含的任意字符。例如,「[^abc]」可以匹配「plain」中的「p」。

[a-z]字符范围。匹配指定范围内的任意字符。例如,「[a-z]」可以匹配「a」到「z」范围内的任意小写字母字符。

[^a-z]负值字符范围。匹配任何不在指定范围内的任意字符。例如,「[^a-z]」可以匹配任何不在「a」到「z」范围内的任意字符。

\b匹配一个单词边界,也就是指单词和空格间的位置。例如,「er\b」可以匹配「never」中的「er」,但不能匹配「verb」中的「er」。

\B匹配非单词边界。「er\B」能匹配「verb」中的「er」,但不能匹配「never」中的「er」。

\cx匹配由x指明的控制字符。例如,\cM匹配一个Control-M或回车符。x的值必须为A-Z或a-z之一。否则,将c视为一个原义的「c」字符。

\d匹配一个数字字符。等价于[0-9]。

\D匹配一个非数字字符。等价于[^0-9]。

\f匹配一个换页符。等价于\x0c和\cL。

\n匹配一个换行符。等价于\x0a和\cJ。

\r匹配一个回车符。等价于\x0d和\cM。

\s匹配任何空白字符,包括空格、制表符、换页符等等。等价于[\f\n\r\t\v]。

\S匹配任何非空白字符。等价于[^\f\n\r\t\v]。

\t匹配一个制表符。等价于\x09和\cI。

\v匹配一个垂直制表符。等价于\x0b和\cK。

\w匹配包括下划线的任何单词字符。等价于「[A-Za-z0-9_]」。

\W匹配任何非单词字符。等价于「[^A-Za-z0-9_]」。

\xn匹配n,其中n为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如,「\x41」匹配「A」。「\x041」则等价于「\x04&1」。正?t表达式中可以使用ASCII编码。.

\num匹配num,其中num是一个正整数。对所获取的匹配的引用。例如,「(.)\1」匹配两个连续的相同字符。

\n标识一个八进制转义值或一个向后引用。如果\n之前至少n个获取的子表达式,则n为向后引用。否则,如果n为八进制数字(0-7),则n为一个八进制转义值。

\nm标识一个八进制转义值或一个向后引用。如果\nm之前至少有nm个获得子表达式,则nm为向后引用。如果\nm之前至少有n个获取,则n为一个后跟文字m的向后引用。如果前面的条件都不满足,若n和m均为八进制数字(0-7),则\nm将匹配八进制转义值nm。

\nml如果n为八进制数字(0-3),且m和l均为八进制数字(0-7),则匹配八进制转义值nml。

\un匹配n,其中n是一个用四个十六进制数字表示的Unicode字符。例如,\u00A9匹配版权符号(&copy;)。

分类:默认分类 时间:2012-01-02 人气:4
本文关键词:
分享到:

相关文章

  • 怎么才能更好的用Dreamweaver优化网页 2012-07-26

    咱们为了优化网页、加快网页下载速度,除了对图片举行优化之外,还需对网页其他各个元素举行优化。在网页编织进程中如能充实利用编辑东西,也能在网页制作中到达优化目的。下面是Dreamweaver中的1些优化技法:   合理调用CSS   举行网页计划时,应用样式表单CSS来对页面元素举行陈设,能大土地淘汰HTML代码,这点咱们已经很明白。   要领:   (1)是选定东西,从右键菜单中选择定义好的样式参加; (2)是从样式面板中为东西选择样式;   (3)是在标签选择器上的某标签上单击右键选择样式。

  • 如何使用dreamweaver给全屏海报添加N个链接 2012-08-03

      甚至一个全屏海报里面单个元素有不同链接,这个是非常有特色的。   这就可以完美的体现出海报的重要性了,能够很好的引导客户进行浏览。   那这个全屏海报添加多链接是如何制作的呢?下面来给大家好好解释下:   1.首先把准备好的海报图片上传到图片空间。找个可以全屏海报在线制作工具生成全屏代码(百度就好了)。注意:输入图片地址的时候要输入图片空间里图片的,因为淘宝是不可以使用外链图片的。   2.打开dreamweaver软件(敲代码必备工具),新建一个html空白页,将里面软件自带的代码删除,然

  • Adobe Dreamweaver CS5中文版安装向导图文示例介绍 2012-09-10

    Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成,您能以可视方式或直接在代码中进行设计,使用内容管理系统开发页面并实现精确的浏览器兼容性测试。相比而言,Adobe Dreamweaver CS5 功能更加丰富,因此使用的人也很多,但是这款软件的安装对于一些电脑初学者来说,还是有一定的困难,小编应众多西西网友的要求,特写了这一篇图文安装教程,希望能帮到大家。 1、

  • dreamweaver显示隐藏元素行为的操作方法 2012-10-07

    一、Dreamweaver显示-隐藏元素行为 1. 在网页中插入AP Div,也就是常说的层。 2. 选择<body>标签、某个链接(<a>)标签或者选择一个AP元素。 3. 打开行为面板。 4. 点击“添加行为(+)”按钮,在弹出的下拉菜单中选择“显示-隐藏元素”命令,如下图所示: 5. 打开“显示-隐藏元素”对话框,如下图所示: 在“元素”文本框中选择需要改变可见性的元素。 点击“显示”按钮、“隐藏”按钮或者“默认”按钮设置元素的可见性。 继续选择其它元素并点击相关的

  • dreamweaver cs4 快捷键大全,dreamweaver cs4 的所有快捷键 Dreamweaver Standard 2012-10-16

    Dreamweaver Standard Adobe Dreamweaver CS3 菜单命令 文件(F) 新建(N)... Ctrl+N 打开(O)... Ctrl+O 在 Bridge 中浏览(B)... Ctrl+Alt+O 打开最近的文件(T) 启动时重新打开文档(R) 在框架中打开(F)... Ctrl+Shift+O 关闭(C) Ctrl+W 全部关闭(E) Ctrl+Shift+W 共享我的屏幕(S)... 保存(S) Ctrl+S 另存为(A)... Ctrl+Shift+S 保

  • 8款替代DREAMWEAVER的免费开源网页开发工具 2012-11-19

      Adobe Dreamweaver虽然非常好用,但它并不是唯一一个能够设计、开发、发布精彩网站的Web开发集成环境。我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀Web开发工具,更重要的是它们也免费。如果你正在寻找Dreamweaver的替代品,下面这8款软件你应该优先尝试一下。注意,没有先后顺序,并不是第一位就是最好的。   一、Quanta Plus   Quanta Plus是一款Web集成开发环境,可以用来开发HTML, XHTML, CSS, XM

  • Dreamweaver CC 新功能介绍 2012-12-05

    Dreamweaver CC 中文破解版是世界上最优秀的可视化网页设计工具,最直观的感受是这次更新增强了CSS可视化编辑功能!非常酷!而且发现原来的Adobe dreamweaver cs6中出现的选取代码不精准的问题也解决了。Adobe Dreamweaver CC最大的更新莫过于Edge Web Fonts和Edge Animate整合,支持CSS3、CSS可视化设计增强和拖曳 jQuery UI Widget。 Dreamweaver CC 新增了更加友善直观的视觉化CSS编辑工具,让We

  • dreamweaver怎么设置背景图片 dreamweaver背景图片设置图文教程 2013-01-04

      dreamweaver(简称:DW)是一款非常好用的网页设计软件,受到很多新手喜爱! 今天为大家带来DW设置背景图片教程图,一起来看看吧!   dreamweaver背景图片设置方法/步骤:   打开你网站的首页,我这里是index.html   找到菜单栏上的“修改”,点开它   如下图示   然后点开“页面属性”,鼠标点击页面属性中的“外观”-----------“浏览”   打开浏览后找到你想要设置成网页背景的图片!最好这里是网站的目录哦!   添加好后记得点确定。    回到drea

  • dreamweaver怎么制作网页教程 dw建站设计网页 2013-02-02

    Dreamweaver这一款专业的网页制作软件,相信相关专业的人员都不会陌生。可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下。 一、定义站点 1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。 ***备注:网站中所用的文件都要用英文名。 2、打开Dreamweaver,选择“站点—新建

  • Dreamweaver CS6 64位0xc000007b错误的解决方案 2013-02-03

    目前,CS6 是 Adobe Dreamweaver 的最新版本,增强了对 jQuery 、jQuery Mobile 、HTML5 和 CSS3 的支持,优化了FTP功能,及时保存在本地和远程服务器,更有利于团队协作。 Adobe dreamweaver cs6 官方下载较慢,为了加快下载速度,我们已经将 Adobe Dreamweaver CS6 下载好保存在自己电脑上。 Dreamweaver cs6中文版 官方原版 评分: 5.5 类别: 网页设计 大小:279.7M 语言: 中文 查看

Copyright (C) quwantang.com, All Rights Reserved.

趣玩堂 版权所有 京ICP备15002868号

processed in 0.044 (s). 10 q(s)