4

独自の WYSIWYG を作成しています。「Visualize」と「Show Source」の 2 つのボタンがあります。

大量の HTML コードを含む iframe (リッチ テキスト エディター) を持っています。初めて読み込まれると、すべての要素が視覚的に表示されます。Show Source を押すと、(視覚化された html の) innerHTML テキストが表示されます。しかし、[視覚化] ボタンが押されたときに、HTML テキストを再び視覚化するにはどうすればよいでしょうか?

content.document.body.innerText視覚化する必要がある HTML を保持します。(コンテンツ = iframe の ID)

$('#Visualize').click(function()
{
   // Make HTML visible
});
4

2 に答える 2

5

既にあなたが持っていて、div でプレビューを表示するための html コードで正しいですか? html関数を使用するだけです。

$('#Visualize').click(function(){
   $('#myShowDiv').html(content.document.body.innerText);
});
于 2012-11-30T16:38:43.227 に答える
1

iframeを使用していて、そのiframeが編集中の実際のページソースを保持することだけを目的としている場合は、実際のソースを保持する親フレームに変数が必要になります。分離してから、以下を使用して切り替えを実行することをお勧めします。

var actualSource = content.document.body.innerHTML;
// just something to initialize it
// You should probably keep it in a global object instead of as a var


$('#Visualize').click(function()
{
   actualSource = content.document.body.innerText;
   content.document.body.innerHTML = "";
   content.document.body.innerHTML= actualSource;
});

ソースをキャプチャするメソッドがあると思いますが、その時点で実際のソースをキャプチャしたいと思うでしょう。実際の編集部分で何をしているのかわかりませんが（編集可能なdivですか？テキスト領域ですか？）、表示を実行するには、innerHTMLを切り替えるだけです。 2つの設定の間のinnerText。実際のキャッチは、この変更によって影響を受ける実際のコントロールを監視することです。

于 2012-11-30T17:02:58.300 に答える