javascriptで複数の文字列を置き換えるにはどうすればいいですか？

Question

私はreactjsでウェブサイトを作成しました。 restAPIのために私はJavaを使用し、CMSは生きています。私は生涯でアコーディオンのショートコードを作成しました。

('[accordion][acc-header]Heading 1[/acc-header][acc-content]Content1[/acc-content][acc-header]Heading 2[/acc-header][acc-content]Content2[/acc-content][/accordion]')のようになりました。

この文字列の代わりにhtml要素を置きたいと思います。どのようにjavascriptで行うには？

ここに行く、

[accordion] 
[acc-header]Heading 1[/acc-header][acc-content]Content1[/acc-content] 
[acc-header]Heading 2[/acc-header][acc-content]Content2[/acc-content]  
[/accordion] 

HTML出力、

<div class="accordion"> 
    <h3>Heading1</h3> 
    <div class="accordion-content"> 
    content 1 
    </div> 
<h3>Heading2</h3> 
    <div class="accordion-content"> 
    content 2 
    </div> 
</div> 

Answer 1

汚いと迅速な方法：

var s = '[accordion][acc-header]Heading 1[/acc-header][acc-content]Content1[/acc-content][acc-header]Heading 2[/acc-header][acc-content]Content2[/acc-content][/accordion]'; 
s.replace(/\[([a-z\-]+)]/g, '<div class="$1">').replace(/\[\/[a-z\-]*]/g, '</div>') 

が結果は次のとおりです。

"<div class="accordion"><div class="acc-header">Heading 1</div><div class="acc-content">Content1</div><div class="acc-header">Heading 2</div><div class="acc-content">Content2</div></div>" 

これは追加されません<h3>タグ