当前位置:主页   - 电脑 - 网站开发 - ASP.Net
EmEditor的两个妙用
来源:网络   作者:   更新时间:2012-03-25
收藏此页】    【字号    】    【打印】    【关闭

  相信不少程序员喜欢使用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也不是一件难事。

  首先你需要明白如何进行这个转换,其实不难,进行两次替换另加一些修饰即可:

  把“"”替换成“"”

  把“rn”替换成“"+rn+" ”

  首末两行手动增加一个“"”,使该字符串符合js的语法

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

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

其它资源
来源声明

版权与免责声明
1、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明