jQuery 文本解析器

Question

您好 stackoverflow 的人。我想用 jQuery 创建一个文本解析器。我想要的是创建一个函数，以便传递一个字符串并进行转换。

假设我有一个带有以下 HTML 代码的 div：

<div class="item">
    [styled] //The "command" in order to process. If not, return false;
        [code1]Text1[/code1]
        Text2
        [code3]Text3[/code3]
    [/styled]
</div>  

我想在 jQuery 中做到这一点

$(".item").html(my_decode($(this).html());

并将 'div.item' innerHTML 更改为

<div class="item">
    <span class="styled">
        <span class="code1">Text1</span>
        Text2
        <span class="code3">Text3</span>
    </span>
</div>

如您所见，它检查 [styled]，如果存在，则创建一个带有“styled”类的 <span>。和对方[]，创建一个`<span>同类的内容。

[a]1[/a] [2]a[/2] => <span class="a">1</span> <span class="2">a</span>

谢谢！

Answer 1

我建议您查看诸如Jison 之类的开源解析器，并从中获得灵感。然后，您可以创建自己的解决方案并从经验中学到很多东西。

祝你好运！