`
j2eetop
  • 浏览: 64504 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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">
分享到:
评论

相关推荐

    ecmall原有编辑器升级

    而"tiny_mce"这个名字暗示了Ecmall可能使用了TinyMCE作为原有的编辑器。TinyMCE是一款流行的JavaScript富文本编辑器,它提供了多种功能和自定义选项,广泛应用于Web应用中。 升级编辑器的过程可能包括以下几个步骤...

    TinyC++软件资料包

    作为一个小巧且用户友好的IDE,TinyC++不仅提供了代码编辑器,还支持编译、运行以及调试,使得学习过程更为高效和直观。 首先,我们来深入了解C语言和C++。C语言是1972年由Dennis Ritchie在贝尔实验室开发的,是一...

    ProjectTinySamples-master_sample_tiny_unity_

    相比于完整的Unity编辑器,Tiny更专注于基本的2D游戏功能,如精灵动画、碰撞检测和物理系统。 2. **轻量化资源管理**:Unity Tiny可能包含如何优化资源加载和管理的例子,这对于内存有限的设备或需要快速启动的游戏...

    Tinyxml 源代码(VC6 & VS2005)

    但是一个好的文本编辑器可以导入SHIFT-JIS的文本然后保存成UTF-8编码格式的。 Skew.org link上关于转换编码的话题做得很好。 测试文件“utf8test.xml”包含了英文、西班牙文、俄文和简体中文(希望它们都能够被...

    简单的2D地图编辑器MFC

    **2D地图编辑器——基于MFC的实现详解** 2D地图编辑器是游戏开发、模拟软件或GIS应用中常见的工具,它允许用户创建、编辑和管理二维空间内的地图数据。在本篇中,我们将深入探讨如何使用Microsoft Foundation ...

    tiny-blocks:WordPress区块编辑器框架

    一种无需JavaScript即可编写编辑器块的方法 入门 使用composer将软件包安装到您的项目中: composer require tiny-pixel/blocks 阻止注册 面向对象的方法 这是首选方法。 添加一个预定义的块: use \ TinyBlocks...

    EditPlus的nesc模板文件

    5. 保存并关闭对话框,现在你就可以在编辑器中使用新建的模板了。 通过以上步骤,你可以根据自己的编程习惯和项目需求,定制一套符合个人风格的nesc模板。这样在编写nesc代码时,只需轻点几下,就能快速生成常用...

    Django的富文本框中tiny_mce需要的js文件

    在Django框架中,开发富文本编辑器时,TinyMCE是一个常见的选择。TinyMCE是一个功能强大的JavaScript WYSIWYG(所见即所得)文本编辑器,它允许用户以类似Word的方式编辑网页内容。本篇文章将深入探讨Django集成...

    博客LiveBlog v 1.0测试版源码

    编辑器更新为tiny_mce最新版,描述也换成tiny_mce编辑器 5.添加Tags选择 6.后台添加评论管理 7.后台添加文件管理 8.增加默认插件(SlugToPinyin)把别名转换成拼音 9.编辑器添加插入more分隔符 10....

    TinyCMS.rar_TinyC_图片剪切

    4、可视模板编辑,模板与程序完全分离,后台带标签生成器。 5、支持三种类型的图片剪切模式。 6、预留在线QQ客服浮动窗口生成。 7、关键字自动分析功能(从标题提取,第三方提供)。 8、上传文件分析,方便删除...

    generator-tiny-ts:用于TypeScript客户端项目的微型Yeoman生成器

    包括一个gulpfile,该文件能够维护标准tsconfig.json文件,以实现最大的编辑器兼容性。 不涉及gulpfile TypeScript编译器的魔力! gulp构建任务仅调用已安装的TypeScript编译器,该编译器会自动从tsconfig.json文件...

    TM-0422_企业网站网页源码欧美前端模板.zip

    7. 开发工具:如Git进行版本控制,Visual Studio Code或Sublime Text等编辑器辅助开发,Webpack或Gulp进行构建自动化。 8. SEO优化:良好的源码结构有利于搜索引擎抓取,如使用语义化的HTML标签,设置meta标签等。 9...

    自己扩展TinyMCE的上传附件插件

    TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX。另一特点是加载速度非常快,如果你的服务器...

    Tiny Marbles CMS-开源

    4. **模板引擎**:Tiny Marbles CMS采用了灵活的模板引擎,允许开发者自定义网站的外观和布局,满足个性化需求。 5. **权限管理**:系统具备角色和权限管理机制,确保不同用户根据其职责和权限访问相应的内容和功能...

    2011兔年大吉模板下载

    用户可以直接应用这些模版,然后在可视化编辑器中进行自定义,无需深入了解HTML和CSS。这种"所见即所得"的方式降低了创建网站的技术门槛,使得非专业人员也能轻松创建出专业的网站。 综上所述,"2011兔年大吉模板...

    tinymce_3_2_3完美汉化优化版

    TinyMCE,全称为Tiny MCE (Moxiecode Content Editor),是一款广泛使用的开源富文本编辑器,适用于网页上的内容编辑。该编辑器以其强大的功能、丰富的自定义选项以及良好的用户体验而备受青睐。本次我们聚焦的是...

    latex学习笔记

    1. **编辑源文件**:使用文本编辑器或专门的LaTeX编辑器编写LaTeX源代码。 2. **编译源文件**:通过LaTeX编译器将源文件转换成PDF或其他格式的文档。 3. **预览文档**:查看生成的文档是否符合预期,通常会进行多次...

    DesignEditor

    Design Editor布局编辑器(React)想法来源于EmailHQ项目,该项目目前使用的邮件模板编辑器是,GrapesJS是一个开源的、多用途的Web Builder框架,它结合了不同的工具和特性,目的是帮助用户在不了解任何编码的情况下...

    开发者平台:PTSource Developer Platform是一个免费的专业IDE,源代码编辑器和编译器,工具,模板和库,适用于具有Windows x86和x64构建环境的专业人士和学生。 它提供了许多强大的功能,可以对100多种语言进行编程和语法高亮处理

    PTSource Developer Platform是一款专为专业人士和学生设计的免费集成开发环境(IDE),它结合了源代码编辑器、编译器、工具、模板和库,支持Windows x86和x64操作系统。这款IDE的主要特点在于其广泛的语言支持,...

Global site tag (gtag.js) - Google Analytics