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

时间:2013-11-23 22:14:48

标签: javascript jquery html

我正在为我的项目制作富文本编辑器现在我陷入困境,我正在用<&lt;替换> &gt;和{ {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/

2 个答案:

答案 0 :(得分: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>'

答案 1 :(得分:0)

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

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