2

次のHTMLを変換しようとしています

<div class="bbQuote">
    <div class="quoteAuthor">Joe Block</div>
    <div class="quoteContent">This is the first message<br>
        <div class="bbQuote">
            <div class="quoteAuthor">Jane Doe</div>
            <div class="quoteContent">This is the second message</div>
        </div>
    </div>
</div>

次のbbCodeに

[quote=Joe Block]
    This is the first message
    [quote=Jane Doe]
        This is the second message
    [/quote]
[/quote]

jQueryを使用してこれを行うにはどうすればよいですか？

PS：ネストされたHTMLには0個以上の子を含めることができます

4

1 に答える 1

2

非常に基本的な例を次に示します。

var html = $('#commentContent').html(),
    beingParsed = $('<div>' + html.replace(/<br>/g, '\n\r') + '</div>'),
    $quote;
while (($quote = beingParsed.find('.bbQuote:first')).length) {
    var $author = $quote.find('.quoteAuthor:first'),
        $content = $quote.find('.quoteContent:first'),
        toIndent = $author[0].previousSibling;

    toIndent.textContent = toIndent.textContent.substring(0, toIndent.textContent.length-4);
    $author.replaceWith('[quote=' + $author.text() + ']');
    $content.replaceWith($content.html());
    $quote.replaceWith($quote.html() + '[/quote]');
}

var parsedData = beingParsed.html();

フィドル

制限：

  1. <b>他のHTMLをBBCode（ 、、<i>アン​​カータグなど）に変換しません。
  2. インデント/空白は100％正確ではありません。

Ajaxを使用してDBから実際の投稿コンテンツをフェッチするか、適切なjQuerybbCode解析ライブラリを使用します。

于 2012-09-20T21:22:48.180 に答える