楼兰之风...

致力于解放和提高软件开发生产力,欢迎访问 www.ewikisoft.com 填写您的邮件地址,订阅我们的精彩内容:

导航

EmEditor的两个妙用

相信不少程序员喜欢使用Emeditor,我也经常推荐朋友使用这个工具,有时候就会有朋友问我,“这个工具有什么好啊,我现在还体会不到它的好处”,现在我就把平时积累的一些emeditor经验拿出来与大家分享,如果读者有一些其他的觉得适用的,可以留言或者联系我加入到本文。

  • 一、快速测试html、javascript(关键字:web预览插件,html模板)

有时候我们想快速预览一段从其他地方复制的html代码,一般的方法是建立一个html文件,把代码拷贝到里面,然后在浏览器中打开该文件,当需要修改的时候,要另外开一个编辑器,然后不断地在浏览器和编辑之间切换。

事实上,emeditor附带了一个web预览器,点击“插件->web预览”就可以发现编辑器的底部多了一个简易的ie浏览器,点击“右键->属性”可以弹出属性设置框,在“自定义栏位置”项可以设置预览器的位置,一般我们把它放在编辑器的右侧。

现在,我们想测试html代码的时候,可以打开emeditor,并打开“插件->web预览”,直接在空文档中粘贴您要预览的代码(不必保存文档),然后光标移到预览器,按F5即可马上预览您的html代码的效果。

那么,我有时候想测试一小段js代码,emeditor能否加快我的工作呢?答案是肯定的!

首先,大家要知道,emeditor中的各种文件模板都是可以修改的,转到emeditor的安装目录,找到“template.htm”文件,在该文件中加上“script”标签保存即可,以后想测试js片段的时候,打开emeditor,新建一个html文档,就会发现你以前加的script标签在里面,把代码拷贝到script标签中,然后打开web预览即可,是不是一劳永逸呀!

  • 二、利用宏快速把html转换成js字符串格式 (关键字:正则替换,宏)

做web开发的,难免会遇到把html代码用js输出来的工作,比如把如下的代码:

<html>
<head>
    
<title>Untitled</title>
    
<script>
    
//js code goes here
    </script>
</head>

<body>
Hello World!
<script>
//js code goes here
</script>
</body>
</html>
输出成:
"<html>"+
"<head>"+
"    <title>Untitled</title>"+
"    <script>"+
"    //js code goes here"+
"    </script>"+
"</head>"+
""+
"<body>"+
"Hello World!"+
"<script>"+
"//js code goes here"+
"</script>"+
"</body>"+
"</html>"
如果您想自己动手解决这个问题的话,其实借用emeditor也不是一件难事。
首先你需要明白如何进行这个转换,其实不难,进行两次替换另加一些修饰即可:
  1. 把“"”替换成“\"”
  2. 把“\r\n”替换成“"+\r\n+" ”
  3. 首末两行手动增加一个“"”,使该字符串符合js的语法

这个替换操作我就不介绍了,因为没有哪个程序员不懂查找和替换的,要注意的是由于涉及到一些特殊符号,因此在“替换框”中一些选项,比如“使用正则”、“使用转义”需要适当切换。

现在我来介绍一下,如何把这一系列替换操作永久保存起来,以后可以直接当做一个操作来用,亦即所谓的“宏”,其实“宏”就是把一系列操作记录下来保存成文件,供以后快捷地调用,类似批处理。在做第一步替换之前,我们开始录制宏,点击顶部菜单栏的“宏->开始录制/停止录制”即可开始录制宏,这时候您的光标将跟随着一个摄像机图标,意味着您 接下来的有效操作都将记录下来,当你做完两次替换之后,然后停止录制宏,您的宏已经被记录下来了,这时候“宏”菜单中的“运行”就是运行你刚才录制的宏,当然,您更应该点击“宏->另存为”来保存您的宏到硬盘,这样以后就可以随时调用这个宏了!

posted on 2009-05-17 22:30  lola  阅读(6637)  评论(14编辑  收藏  举报