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输出来的工作,比如把如下的代码:
<head>
<title>Untitled</title>
<script>
//js code goes here
</script>
</head>
<body>
Hello World!
<script>
//js code goes here
</script>
</body>
</html>
"<head>"+
" <title>Untitled</title>"+
" <script>"+
" //js code goes here"+
" </script>"+
"</head>"+
""+
"<body>"+
"Hello World!"+
"<script>"+
"//js code goes here"+
"</script>"+
"</body>"+
"</html>"
- 把“"”替换成“\"”
- 把“\r\n”替换成“"+\r\n+" ”
- 首末两行手动增加一个“"”,使该字符串符合js的语法
这个替换操作我就不介绍了,因为没有哪个程序员不懂查找和替换的,要注意的是由于涉及到一些特殊符号,因此在“替换框”中一些选项,比如“使用正则”、“使用转义”需要适当切换。
现在我来介绍一下,如何把这一系列替换操作永久保存起来,以后可以直接当做一个操作来用,亦即所谓的“宏”,其实“宏”就是把一系列操作记录下来保存成文件,供以后快捷地调用,类似批处理。在做第一步替换之前,我们开始录制宏,点击顶部菜单栏的“宏->开始录制/停止录制”即可开始录制宏,这时候您的光标将跟随着一个摄像机图标,意味着您 接下来的有效操作都将记录下来,当你做完两次替换之后,然后停止录制宏,您的宏已经被记录下来了,这时候“宏”菜单中的“运行”就是运行你刚才录制的宏,当然,您更应该点击“宏->另存为”来保存您的宏到硬盘,这样以后就可以随时调用这个宏了!