07/08/05 20:10:31
Internet Explorer 5.5 を使った 編集可能な Web ページの作成方法
URLﾘﾝｸ(www.microsoft.com)
IE5.51 6.0 7.0、FF2.0、Opera9で動いた。びっくりした。FF2.0以外ならCtrl-Bで太字、Ctrl-Uで下線が引ける。
内向けサイトの簡易なリッチエディットだと思えば使い道ありそうなんだけど、これってメジャーな機能？
---- test.html
<form name="test" method="GET" action="editabletest.php">
<input name="input" type="hidden" />
<button onclick="
var ifd=inputframe.document;
var obj=ifd.getElementById('editor');
var dt=document.test;
dt.input.value=obj.innerHTML;
dt.submit();
">GET</button>
</form>
<iframe name="inputframe" src="editabletest-frame.html" />
---- editabletest-frame.html
<body onload="document.designMode='On';">
<h3>↓編集可能</h3>
<div style="border:1px solid red; padding:0.5em;"
id="editor" contentEditable="true">ここいじれる</div>
</body>
---- editabletest.php
<h1>Result</h1>
<p style="border:1px solid blue;padding:0.5em;"><?php echo $_GET[input]; ?></p>