18

質問はそれをすべて言います:)

例えば。があり、 JavaScriptのみを使用>する必要があります>

更新：jqueryが簡単な方法のようです。しかし、軽量なソリューションがあればいいのですが。これを単独で実行できる機能のようなものです。

4

5 に答える 5

30

次のようなことができます。

String.prototype.decodeHTML = function() {
    var map = {"gt":">" /* , … */};
    return this.replace(/&(#(?:x[0-9a-f]+|\d+)|[a-z]+);?/gi, function($0, $1) {
        if ($1[0] === "#") {
            return String.fromCharCode($1[1].toLowerCase() === "x" ? parseInt($1.substr(2), 16)  : parseInt($1.substr(1), 10));
        } else {
            return map.hasOwnProperty($1) ? map[$1] : $0;
        }
    });
};
于 2010-12-02T19:40:42.420 に答える
20 
function decodeEntities(s){
    var str, temp= document.createElement('p');
    temp.innerHTML= s;
    str= temp.textContent || temp.innerText;
    temp=null;
    return str;
}

alert(decodeEntities('<'))

/*  returned value: (String)
<
*/
于 2010-12-02T19:46:38.557 に答える
3

これは、HTML ドキュメント全体をデコードするための「クラス」です。

HTMLDecoder = {
    tempElement: document.createElement('span'),
    decode: function(html) {
        var _self = this;
        html.replace(/&(#(?:x[0-9a-f]+|\d+)|[a-z]+);/gi,
            function(str) {
                _self.tempElement.innerHTML= str;
                str = _self.tempElement.textContent || _self.tempElement.innerText;
                return str;
            }
        );
    }
}

エンティティをキャッチするために Gumbo の正規表現を使用しましたが、完全に有効な HTML ドキュメント (または XHTML) の場合は、簡単に使用できることに注意してください/&[^;]+;/g。

于 2014-11-05T10:39:24.100 に答える
1

そこにライブラリがあることは知っていますが、ブラウザ向けのソリューションをいくつか紹介します。これらは、textarea や input[type=text] など、文字を表示したい人が編集できる領域に html エンティティ データ文字列を配置する場合にうまく機能します。

古いバージョンの IE をサポートする必要があるため、この回答を追加します。これで数日間の調査とテストが終了したと感じています。誰かがこれが役立つことを願っています。

まず、これは jQuery を使用する最新のブラウザ用です。10 (7、8、または 9) より前のバージョンの IE をサポートする必要がある場合は、これを使用しないでください。改行が削除され、長い行が 1 つだけ残るためですテキストの。

if (!String.prototype.HTMLDecode) {
    String.prototype.HTMLDecode = function () {
            var str = this.toString(),
            $decoderEl = $('<textarea />');

        str = $decoderEl.html(str)
            .text()
            .replace(/<br((\/)|( \/))?>/gi, "\r\n");

        $decoderEl.remove();

        return str;
    };
}

この次のものは、上記の kennebec の作業に基づいていますが、主に古い IE バージョンのためのいくつかの違いがあります。これには jQuery は必要ありませんが、ブラウザは必要です。

if (!String.prototype.HTMLDecode) {
    String.prototype.HTMLDecode = function () {
        var str = this.toString(),
            //Create an element for decoding            
            decoderEl = document.createElement('p');

        //Bail if empty, otherwise IE7 will return undefined when 
        //OR-ing the 2 empty strings from innerText and textContent
        if (str.length == 0) {
            return str;
        }

        //convert newlines to <br's> to save them
        str = str.replace(/((\r\n)|(\r)|(\n))/gi, " <br/>");            

        decoderEl.innerHTML = str;
        /*
        We use innerText first as IE strips newlines out with textContent.
        There is said to be a performance hit for this, but sometimes
        correctness of data (keeping newlines) must take precedence.
        */
        str = decoderEl.innerText || decoderEl.textContent;

        //clean up the decoding element
        decoderEl = null;

        //replace back in the newlines
        return str.replace(/<br((\/)|( \/))?>/gi, "\r\n");
    };
}

/* 
Usage: 
    var str = "&gt;";
    return str.HTMLDecode();

returned value: 
    (String) >    
*/
于 2014-07-24T22:53:33.900 に答える
1

何も組み込まれていませんが、これを行うために作成されたライブラリが多数あります。

これが1つです。

そして、これは jQuery プラグインです。

于 2010-12-02T19:32:05.747 に答える