美文网首页window下的notepad++
代码替换插件zen,coding

代码替换插件zen,coding

作者: xigua1234 | 来源:发表于2017-04-13 18:36 被阅读25次

zen,coding插件的替换文件研究

文件路径:插件目录/NppScripting/include/Zen Coding.js

  • 替换设置在文件头部,有这样的代码(为了简洁,便于分析,删掉了大部分替换,保留少数)
    'css': {
        'filters': 'html,css',
        'snippets': {
            "@i": "@import url(|);",
            "@m": "@media print {\n\t|\n}",
            "@f": "@font-face {\n\tfont-family:|;\n\tsrc:url(|);\n}",
            "!": "!important",
            "bg:ie": "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:x}.png',sizingMethod='${2:crop}');",
            "wid": "widows:|;"
        }
    },
    
    'html': {
        'filters': 'html',
        'snippets': {
            'cc:ie6': '<!--[if lte IE 6]>\n\t${child}|\n<![endif]-->',
            'cc:ie': '<!--[if IE]>\n\t${child}|\n<![endif]-->',
            'cmd': '<command>',
            
            // expandos
            'ol+': 'ol>li',
            'optg+': 'optgroup>option'

        },
        
        'element_types': {
            'empty': 'area,base',
            'block_level': 'address,tr,h6',
            'inline_level': 'att,u,var'
        }
    },
    
    'xml': {
        'extends': 'html',
        'filters': 'html'
    },
    
    'xsl': {
        'extends': 'html',
        'filters': 'html, xsl',
        'abbreviations': {
            'tm': '<xsl:template match="" mode="">',
            'tmatch': 'tm',
            
            //expandos
            'choose+': 'xsl:choose>xsl:when+xsl:otherwise'
        }
        
    },
    
    'haml': {
        'filters': 'haml',
        'extends': 'html'
    }
};

'snippets'的格式:

  • "输入内容":"被替换内容1|被替换成内容2"
    |表示鼠标停留的地方
    "bg:ie": "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1:x}.png',sizingMethod='${2:crop}');",
    ${1:x} ${2:crop}分别表示要填的两变量(暂时不知道怎么切换)

'filters'和'extends':

应该不能随便取名,就那么几种应该不能随便取名,就那么几种(可以设多个):html,css,haml,xsl
我的notepad++暂时不支持xsl语言(未安装)

'abbreviations'是缩写

'html'下'element_types':

  • 是元素类型,不同元素大概有不同的语法吧不同元素大概有不同的语法吧
  • 里面的单词都是关键词效果
  • 每个关键词的替换效果是不一样的

我也不会javascript,我只看得懂这些。 要修改该插件支持的文件(html,css,haml,xsl)的替换是很简单的,
我试了一下markdown,没成功,唉,先不弄了,希望你们谁弄出来了,留言一下

相关文章

  • 代码替换插件zen,coding

    zen,coding插件的替换文件研究 文件路径:插件目录/NppScripting/include/Zen Co...

  • Emmet快速入门

    一、概述 Emmet的前身是Zen coding,是一款用于快速生成HTML或CSS代码的插件,可用于绝大多数主流...

  • Sublime Text : 前端开发参考插件

    emmet-----前身Zen coding:HTML/CSS代码快速编写神器 jQuery Package fo...

  • VSCode插件推荐(前端)

    1.Mithril Emmet(代码快速编写工具) Emmet前身是zen-coding A.快速编写HTML代码...

  • Sublime Text 3常用插件安装

    安装插件首先需要安装Package Control 1. Emmet(原名 Zen Coding) 一种快速编写h...

  • vim插件

    在linux下,用习惯了vim,所以查了下html的插件,觉得zen coding还是不错的

  • 2018-08-31 学习笔记3

    前端代码模板:Emmet Emmet 的使用 Emmet 的介绍 Emmet 的前身叫做:Zen Coding,也...

  • Android Studio 精品插件推荐

    Java 代码约束插件 插件名称:Alibaba Java Coding Guidelines 插件简介:这是阿里...

  • AndroidStudio常用插件总结

    Java 代码约束插件 插件名称:Alibaba Java Coding Guidelines 插件简介:这是阿里...

  • Emmet 语法

    Emmet(前身为 Zen Coding)是许多流行的文本编辑器的插件,可以极大地改善 HTML 和 CSS 工作...

网友评论

    本文标题:代码替换插件zen,coding

    本文链接:https://www.haomeiwen.com/subject/mdfiattx.html