zoukankan      html  css  js  c++  java
  • 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的语法

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

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

      AForm,业界称奇的表单开发框架,极大提高您开发信息系统的效率。查看演示
  • 相关阅读:
    haproxy实现负载均衡集群
    docker私有仓库搭建,证书认证,鉴权管理
    dockerhub私有镜像仓库harbor部署
    Delphi用窗体类名创建窗体(需要用到GetClass)
    Delphi中Class of 第二篇
    Delphi中Class of
    Delphi中ADO之初识
    Delphi遍历枚举
    二进制乘除的原理
    Delphi图像处理之图像着色
  • 原文地址:https://www.cnblogs.com/xiehuiqi220/p/1458995.html
Copyright © 2011-2022 走看看