分享

EmEditor的两个妙用

 长空舞剑月如霜 2017-05-23

    相信不少程序员喜欢使用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>Untitledtitle>

    <script>

    //js code goes here

    script>

    head>

    <body>

    Hello World!

    <script>

    //js code goes here

    script>

    body>

    html>

   

    输出成:

    ""+

    ""+

    ""+

    ""+

    "//js code goes here"+

    ""+

    ""+

    ""+

    ""+

    "Hello World!"+

    ""+

    "//js code goes here"+

    ""+

    ""+

    ""

    如果您想自己动手解决这个问题的话,其实借用emeditor也不是一件难事。

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

  1. 把“"”替换成“"”
  2. 把“”替换成“"++" ”
  3. 首末两行手动增加一个“"”,使该字符串符合js的语法

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

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

    本文来自:http://www.cnblogs.com/xiehuiqi220/archive/2009/05/17/1458995.html

声明:该文章系网友上传分享,此内容仅代表网友个人经验或观点,不代表本网站立场和观点;若未进行原创声明,则表明该文章系转载自互联网;若该文章内容涉嫌侵权,请及时向爱学艺网站投诉>>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多