Kele's Home

Jquery Bundle for Textmate

作者：kele5240 发布时间：August 16, 2011 分类：前端

因为最近要用到Jquery了，所以找了下Jquery针对Textmate的插件。
官方svn里的bundle包含了一个，路径如下
http://svn.textmate.org/trunk/Bundles/JavaScript%20jQuery.tmbundle/
当然，你也可以去github里下载，路径如下
https://github.com/kswedberg/jquery-tmbundle

安装一如既往地简单，svn co下来之后双击就可以了。
安装之后如下图，可以在语言中原则jQuery来进行jquery的编写了。

但是我们有时候需要在HTML里内嵌js，在用这个bundle的时候发现是无法这么做地。它本身默认只有在.js的文档中可以使用。这个当然难不倒我们咯。

首先你需要打开你地bundle editor,快捷键是control+option+command+B
然后在左侧选择

选择里面地
在右面的内容中找到

这个内容后面添加下面地代码

{    name = 'source.js.jquery.embedded.html';
            begin = '(?:^\s+)?(<)((?i:script))\b(?![^>]*/>)';
            end = '(?<=</(script|SCRIPT))(>)(?:\s*\n)?';
            beginCaptures = {
                1 = { name = 'punctuation.definition.tag.html'; };
                2 = { name = 'entity.name.tag.script.html'; };
            };
            endCaptures = { 2 = { name = 'punctuation.definition.tag.html'; }; };
            patterns = (
                {    include = '#tag-stuff'; },
                {    begin = '(?<!</(?:script|SCRIPT))(>)';
                    end = '(</)((?i:script))';
                    captures = {
                        1 = { name = 'punctuation.definition.tag.html'; };
                        2 = { name = 'entity.name.tag.script.html'; };
                    };
                    patterns = (
                        {    name = 'comment.line.double-slash.js';
                            match = '(//).*?((?=</script)|$\n?)';
                            captures = { 1 = { name = 'punctuation.definition.comment.js'; }; };
                        },
                        {    name = 'comment.block.js';
                            begin = '/\*';
                            end = '\*/|(?=</script)';
                            captures = { 0 = { name = 'punctuation.definition.comment.js'; }; };
                        },
                        {    include = '#php'; },
                        {    include = 'source.js'; },
                    );
                },
            );
        },

.......
patterns = (
		{	name = 'source.js.jquery.embedded.html';
                .........

然后reload一下bundle就可以在HTML的模式下使用jquery的插件了

标签: none