编写简单的解析器。
用正则表达式解决这类问题是不对的。它与匹配括号相同 - 使用正则表达式很难。正则表达式一般不适用于嵌套表达式。
试试这样的:
var parts = src.split(/(\{\{|\}\})/);
for (var i in parts) {
if (parts[i] == '{{') // starting new (sub) template
else if (parts[i] == '}}') // ending (sub) template
else // content (or outside)
}
这只是伪代码,因为我现在很着急,将更新此代码以使其正常工作...
更新(2011 年 8 月 9 日)
var NO_TPL = 0, // outside any tpl - ignoring...
IN_TPL = 1, // inside tpl
IN_LIST = 3; // inside list of arguments
function parseWiki(src) {
var tokens = src.split(/(\{\{|\}\}|\||=|\[\[|\]\])/),
i = -1, end = tokens.length - 1,
token, next, state = NO_TPL,
work = [], workChain = [], stateChain = [];
function trim(value) {
return value.replace(/^\s*/, '').replace(/\s*$/, '');
}
// get next non empty token
function getNext(next) {
while (!next && i < end) next = trim(tokens[++i]);
return next;
}
// go into tpl / list of arguments
function goDown(newState, newWork, newWorkKey) {
stateChain.push(state);
workChain.push(work);
if (newWorkKey) {
work[newWorkKey] = newWork;
} else {
work.push(newWork);
}
work = newWork;
state = newState;
}
// jump up from tpl / list of arguments
function goUp() {
work = workChain.pop();
state = stateChain.pop();
}
// state machine
while ((token = getNext())) {
switch(state) {
case IN_TPL:
switch(token) {
case '}}': goUp(); break;
case '|': break;
default:
next = getNext();
if (next != '=') throw "invalid";
next = getNext();
if (next == '[[') {
goDown(IN_LIST, [], token);
} else if (next == '{{') {
goDown(IN_TPL, {id: getNext()}, token);
} else {
work[token] = next;
}
}
break;
case IN_LIST:
switch(token) {
case ']]': goUp(); break;
case '|': break;
default: work.push(token);
}
break;
case NO_TPL:
if (token == '{{') {
next = getNext();
goDown(IN_TPL, {id: next});
}
break;
}
}
return work;
}
单元测试
describe('wikiTpl', function() {
it('should do empty tpl', function() {
expect(parseWiki('{{name}}'))
.toEqual([{id: 'name'}]);
});
it('should ignore text outside from tpl', function() {
expect(parseWiki(' abc {{name}} x y'))
.toEqual([{id: 'name'}]);
});
it('should do simple param', function() {
expect(parseWiki('{{tpl | p1= 2}}'))
.toEqual([{id: 'tpl', p1: '2'}]);
});
it('should do list of arguments', function() {
expect(parseWiki('{{name | a= [[1|two]]}}'))
.toEqual([{id: 'name', a: ['1', 'two']}]);
});
it('should do param after list', function() {
expect(parseWiki('{{name | a= [[1|two|3]] | p2= true}}'))
.toEqual([{id: 'name', a: ['1', 'two', '3'], p2: 'true'}]);
});
it('should do more tpls', function() {
expect(parseWiki('{{first | a= [[1|two|3]] }} odd test {{second | b= 2}}'))
.toEqual([{id: 'first', a: ['1', 'two', '3']}, {id: 'second', b: '2'}]);
});
it('should allow nested tpl', function() {
expect(parseWiki('{{name | a= {{nested | p1= 1}} }}'))
.toEqual([{id: 'name', a: {id: 'nested', p1: '1'}}]);
});
});
注意:我在这些单元测试中使用 Jasmine 的语法。您可以使用包含整个测试环境的 AngularJS 轻松运行它 - 在 http://angularjs.org 上查看它