中級プログラマの自宅でPHP ブログ

自宅用ポータルシステム「MyHome Portal」をオープンソースで公開。MyHome Portalの説明とエンハンス情報。

FORM入力データのHTMLプレビュー

textarea内のHTMLスケジュール本文のプレビュー機能は、とても簡単です。

以下のJavaScript関数をコールしているだけです。

function htmlPreview() {

document.getElementById('memo_html').innerHTML

= htmlDecode(document.getElementById('c_memo').value).replace(/\n/ig,'
');

}

function htmlDecode(str) {

return str.replace(/>/ig,">").replace(/</ig,"<").replace(/ /ig,"");

}