zoukankan      html  css  js  c++  java
  • Tiny模板编辑器

    特性介绍

    •                 大纲支持:支持在大纲当中显示一些关键内容,并可以快速定位
    •                 语法高亮:支持在编辑器中,根据语法进行着色,使得代码更容易阅读和排错
    •                 错误提示:如果模板语言存在错误,则可以在工程导航、错误视图及编辑窗口进行错误提示
    •                 代码折叠:支持对代码块进行代码折叠,方便查阅
    •                 语法提示:支持Tiny模板引擎语法提示及Html语法提示方便快速录入
    •                 快速定位:支持Tiny模板中开始语句与结束语句间快速切换
    •                 变量快速提示:点鼠标点击某变量时,会高亮显示文件中的所有同名变量
    •                 宏定义对应位置显示:在tiny块处理的标签头部按ctrl时,会高亮显示与其对应的#end,反之亦然
    •                 代码注释的快捷支持

            截图介绍

            大纲支持,现在支持宏定义,布局定义,布局实现,变量定义四种,可以通过双击大纲树中的节点,快速定位并选定相关的内容
     

    image2015-1-13%2019%3A11%3A20.jpg (47.24 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    语法着色
     

    image2015-1-13%2019%3A10%3A38.jpg (32.02 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    错误提示,当写的模板有错误的时候,在项目导航,编辑窗口及错误视图中都会同步显示:
     

    image2015-1-13%2019%3A12%3A59.jpg (65.27 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    点击编辑器前面的X,可以显示详细的错误信息:
     

    image2015-1-13%2019%3A13%3A31.jpg (24.9 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    代码折叠
            需要注意的是,代码如果少于3行,是不允许折叠的
     

    image2015-1-13%2019%3A14%3A5.jpg (19.89 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    语法提示,支持模糊匹配,分段匹配
     

    image2015-1-13%2019%3A14%3A44.jpg (31.38 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    也支持模糊匹配,也可以叫跳跃匹配,只要符合字符串顺序,就可以匹配
     

    image2015-1-13%2019%3A15%3A16.jpg (29.46 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    智能提示为小写,用户输入字符的大小写不敏感,可以任意匹配



            除了模板语言的提示,也支持Html语法的支持:
     

    image2015-1-13%2018%3A52%3A1.jpg (29.83 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    当然,对html的支持不能仅仅是支持标签,属性也要支持:
     

    image2015-1-13%2018%3A52%3A57.jpg (25.33 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    快速切换:

    122042_NHxg_1245989.jpg (7.22 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
            当用ctrl+鼠标左键点击#end时,会快速定位到对应的宏标签头部,当用ctrl+鼠标左键点击宏标签头部时,可以快速定位到对应的#end。  
    同名变量显示,点击一个变量时,同名变量会高亮显示

    162609_Zxjf_1245989.jpg (19.04 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
            当在块头或块尾按Ctrl键时,对应的块尾或块头会高亮显示,便于快速定位。
            此图无法看出效果,效果是按住ctrl,鼠标移到36行(结束符),第30行(开始位置)变高亮



            代码注释
            行注释:##+内容
            块注释:#*+内容+*#
     

    image2015-1-13%2018%3A42%3A44.jpg (28.47 KB, 下载次数: 0)

    下载附件

    2015-5-27 13:42 上传

     
     
    如果注释快捷键存在冲突,或者需要自定义,可以修改
    Tiny模板编辑器 > image2015-1-13 18:45:47.png" class="confluence-embedded-image" src="http://www.tinygroup.org/confluence/download/attachments/9109727/image2015-1-13%2018%3A45%3A47.png?version=1&modificationDate=1421146623215&api=v2" border="0">
     
            格式化功能,默认快捷键CTRL+SHIFT+F
    Tiny模板编辑器 > image2015-2-3 17:28:39.png" class="confluence-embedded-image" src="http://www.tinygroup.org/confluence/download/attachments/9109727/image2015-2-3%2017%3A28%3A39.png?version=1&modificationDate=1422955720122&api=v2" border="0">      Tiny模板编辑器 > image2015-2-3 17:30:0.png" class="confluence-embedded-image" src="http://www.tinygroup.org/confluence/download/attachments/9109727/image2015-2-3%2017%3A30%3A0.png?version=1&modificationDate=1422955801358&api=v2" border="0">
    快捷键设置方式和注释功能类似,通过eclipse统一快捷键设置
    Tiny模板编辑器 > image2015-2-3 17:33:55.png" class="confluence-embedded-image" src="http://www.tinygroup.org/confluence/download/attachments/9109727/image2015-2-3%2017%3A33%3A55.png?version=1&modificationDate=1422956036449&api=v2" border="0">
  • 相关阅读:
    3.css3文字与字体
    2.css3表示颜色的几种方式
    测试ssh转发
    硬盘相关合集,以及LVM操作实践
    linux硬件驱动
    启动nfs清除端口占用过程
    postgres10.2时区研究
    git submodule临时分支;以及git reset使用
    sudo环境变量问题;程序库函数寻找
    linuxI/O重定向
  • 原文地址:https://www.cnblogs.com/j2eetop/p/4610236.html
Copyright © 2011-2022 走看看