text-parser deal with triple mustache

Author: yyx990803

src/compiler.js

@@ -368,10 +368,14 @@ CompilerProto.compileTextNode = function (node) {
                     partialNodes = slice.call(el.childNodes)
                 }
             } else { // a real binding
-                el = document.createTextNode('')
-                directive = Directive.parse('text', token.key, this, el)
-                if (directive) {
-                    this.bindDirective(directive)
+                if (!token.html) // text binding
+                    el = document.createTextNode('')
+                    directive = Directive.parse('text', token.key, this, el)
+                    if (directive) {
+                        this.bindDirective(directive)
+                    }
+                } else { // html binding
+                    
                 }
             }
         } else { // a plain string

src/text-parser.js

@@ -1,16 +1,19 @@
-var BINDING_RE = /\{\{(.+?)\}\}/
+var BINDING_RE = /{{{?([^{}]+?)}?}}/,
+    TRIPLE_RE = /{{{[^{}]+}}}/
 
 /**
  *  Parse a piece of text, return an array of tokens
  */
 function parse (text) {
     if (!BINDING_RE.test(text)) return null
-    var m, i, tokens = []
+    var m, i, token, tokens = []
     /* jshint boss: true */
     while (m = text.match(BINDING_RE)) {
         i = m.index
         if (i > 0) tokens.push(text.slice(0, i))
-        tokens.push({ key: m[1].trim() })
+        token = { key: m[1].trim() }
+        if (TRIPLE_RE.test(m[0])) token.html = true
+        tokens.push(token)
         text = text.slice(i + m[0].length)
     }
     if (text.length) tokens.push(text)

test/unit/specs/text-parser.js

@@ -3,6 +3,13 @@ describe('UNIT: TextNode Parser', function () {
     var TextParser = require('vue/src/text-parser')
 
     describe('.parse()', function () {
+
+        var tokens, badTokens
+
+        before(function () {
+            tokens = TextParser.parse('hello {{a}}! {{ bcd }}{{d.e.f}} {{a + (b || c) ? d : e}} {{>test}}{{{ a + "<em>" }}}')
+            badTokens = TextParser.parse('{{{a}}{{{{{{{{b}}}}')
+        })
 
         it('should return null if no interpolate tags are present', function () {
             var result = TextParser.parse('hello no tags')
@@ -14,11 +21,9 @@ describe('UNIT: TextNode Parser', function () {
             assert.strictEqual(result.length, 3)
             assert.strictEqual(result[2], ' &#123;&#123;hello&#125;&#125;')
         })
-
-        var tokens = TextParser.parse('hello {{a}}! {{ bcd }}{{d.e.f}} {{a + (b || c) ? d : e}} {{>test}}')
 
         it('should extract correct amount of tokens', function () {
-            assert.strictEqual(tokens.length, 9)
+            assert.strictEqual(tokens.length, 10)
         })
 
         it('should extract plain strings', function () {
@@ -48,6 +53,21 @@ describe('UNIT: TextNode Parser', function () {
             assert.strictEqual(tokens[8].key, '>test')
         })
 
+        it('should extract triple mustache (html instead of text)', function () {
+            assert.strictEqual(tokens[9].key, 'a + "<em>"')
+            assert.ok(tokens[9].html)
+        })
+
+        it('should deal with bad binding tags', function () {
+            assert.strictEqual(badTokens.length, 4)
+            assert.strictEqual(badTokens[0].key, 'a')
+            assert.notOk(badTokens[0].html)
+            assert.strictEqual(badTokens[1], '{{{{{')
+            assert.strictEqual(badTokens[2].key, 'b')
+            assert.ok(badTokens[2].html)
+            assert.strictEqual(badTokens[3], '}')
+        })
+
     })
 
     describe('.parseAttr()', function () {