0

ブラウザでブラウザページを作成するにはどうすればよいですか? たとえば、w3schools.com で提供されているテスト環境のように、コードが表示されない

4

3 に答える 3

2

iFrame は W3Schools が使用するものですが、iFrame なしで行うこともできます。実際のページのデザインはあなた次第ですが、プレーンな Javascript/HTML でそれを行うための基本的なフレームワークを次に示します。

<html>
<head>
    <title>Test Page</title>
</head>
<body>
<script type="text/javascript">
function updateDiv() {
    myTextArea = document.getElementById('myTextArea');
    contentDiv = document.getElementById('contentDiv');

    contentDiv.innerHTML = myTextArea.value;
}
</script>

<textarea rows="8" cols="60" id="myTextArea"></textarea><br />
<div id="contentDiv"></div><br />
<input type="button" value="Update!" onclick="updateDiv()" />
</body>
</html>
于 2012-06-28T08:54:01.883 に答える
1

iframe を使用して「別のブラウザ ページ」を作成できます。詳細については、 iframeを参照してください

于 2012-06-28T08:44:12.993 に答える
-1

多くの方法がありますが、ほぼすべてがブラウザーの ContentEditable コンポーネントに基づいています。

ContentEditable は低レベルの機能です。高レベルのサポートは、Javascript ライブラリ ( TinyMCECKEditor など) を通じて利用できます。

ソース付きのデモ: http://html5demos.com/contenteditable/

Microsoft ドキュメント: http://msdn.microsoft.com/en-us/library/ms537837%28v=vs.85%29.aspx

Mozilla ドキュメント: https://developer.mozilla.org/en/HTML/Content_Editable

于 2012-06-28T08:51:50.150 に答える