Jqueryを使用してテキストエディタから特定のhtmlタグを抽出またはエスケープする方法

Question

テキストエディタ#Textareaの文字列から特定のhtmlタグを削除しようとしています。 私はボタンクリックイベントでテキストエリアを持っています。私はテキストエディタのすべてのコンテンツを取得し、別のHTMLタグにコンテンツを割り当てたいと思います。しかし、私はいくつかのHTML要素を削除したい、または他の言葉ではHTMLタグ（p、リスト、テーブル）だけを許可したいという割り当てをする前に。私はTinyMCEをテキストエディタとボタンのクリックイベントに私の機能を使用しています

function AssignContents() { 
    // takes the specific tag ID 
var ref=$('.data_button').attr('data_id'); 
    var textEditorContent = tinyMCE.activeEditor.getContent(); 
    $('#'+ref).html(textEditorContent); 
} 

ですが、私は、データベーステーブル内のデータを保存するとき、それは奇妙に見えます。例えば、 。私がテキストエディタ "hello wold"で記述し、ボタンのクリックイベントを使用すると、与えられた関数はtinyMCEの内容をtextareaに代入し、フォームを送信してデータベーステーブルに保存します。データベーステーブルの値は次のようになります。

<p>Hello World!</p> 

しかし、私は唯一の<p>hello world </p>がデータベース他のではない詰め込むに格納することにしたいです。 ありがとうございました！

$('#'+ref).html(textEditorContent.replace(/&lt/g,'<').replace(/&gt/g, '>')); 

それとも、タグを維持したい場合は、unescape()機能を使用することができます。

Answer 1

あなたはメイクこのために置き換えることができます。

$(".d").html(unescape($(".d").html()))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="d">&lt;p&gt;Hello World!&lt;/p&gt;</div>