Question

我正在为我的项目制作富文本编辑器现在我陷入困境，我正在用<和<替换> >和{ {1}} [b][/b]和<b></b> [i][/i] {1}}。现在我不明白如何将<i></i>替换为[img src=location]，将<img src=location>替换为[a href=url]。我希望你们理解我的问题。我迫切需要这个。感谢

以下是我的代码：

<a href=url>

演示：http://jsfiddle.net/cfYWE/

Answer 1

在大多数情况下，您只需使用尖括号更换每个支架即可。这是一个能够做到这一点的功能：

// Convert BBCode to HTML
function bbcodeToHtml(bbcode) {
    var html = bbcode;
    html = html.replace(/\[/gi, '<');
    html = html.replace(/\]/gi, '>');
    return html;
}

var bbcode = '[a href=url][img src=location][/img][/a]';

bbcodeToHtml(bbcode); // returns '<a href=url><img src=location></img></a>'

Answer 2

要替换您列出的示例，请使用正则表达式

var exp = /\[(.*)\]/;
var text = '[img src=location]';
text.replace(exp, "<$1>") // returns <img src=location>

在富文本编辑器中替换HTML标记

2 个答案: