从解析的bb代码创建一个嵌套对象

Question

我想从包含一些bbcode的给定字符串在JavaScript中创建一个对象。

var bbStr = 'Text with [url=http://somelink]links and [i]nested bb code[/i][/url].'; 

我需要递归通过对象迭代和改造上面的字符串弄成这个样子：

var result = { 
    children : [ 
    { 
     text : 'Text with ', 
     type : 'text' 
    }, 
    { 
     children: [ 
     { 
      text : 'links and ', 
      type : 'text' 
     }, 
     { 
      text : 'nested bb code', 
      type : 'italic' 
     } 
     ], 
     text : null, 
     type : 'url', 
     url : 'http://somelink' 
    }, 
    { 
     text : '.', 
     type : 'text' 
    } 
    ], 
    type : null, 
    text : null 
}; 

然后我会的对象发送到这将递归从中创建画布文本渲染功能。但我无法理解我的头，如何形成这个对象。

Answer 1

试试这个简单的基于堆栈的解析器：

token = /(?:\[(\w+)(.*?)\])|(?:\[\/(\w+)\])|([^\[\]]+)/g 
root = {children:[]} 
stack = [root] 

bbStr.replace(token, function() { 
    var a = arguments; 

    if(a[1]) { 
     var node = {tag: a[1], attr: a[2], children:[]} 
     stack[0].children.push(node); 
     stack.unshift(node); 
    } else if(a[3]) { 
     if(stack[0].tag != a[3]) 
      throw "Unmatched tag"; 
     stack.shift(); 
    } else if(a[4]) { 
     stack[0].children.push({tag: "#text", value: a[4]}); 
    } 
}) 

输出格式，从你张贴有什么不同，但应该是没有问题的。

http://jsfiddle.net/L8UZf/