すごい勢いでプレビューする

すごい勢いでプレビューする #

。。。とか大げさなことを書いてるが、もっとも単純と思われるサンプルを見てもらうのが一番かな

    <script language="javascript" type="text/javascript">
      function updateHTML() {
        document.getElementById('out_html').innerHTML = document.getElementById('in_text').value;
      };
    </script>
    <div id="out_html"></div>
    <form action="post">
      <textarea name="in_text" id="in_text" cols="80" rows="20" onkeyup="updateHTML();"></textarea>
    </form>

動作サンプル

まぁ、アプリケーションにするにはもっといろんなことをしないといけないわけだが、この例のように

HTML を入力→ブラウザで即レンダリング

ではなくて、

HikiDoc 書式で入力 → xmlHttpRequest → サーバで HTML に変換 → ブラウザに表示

とやれば使いやすくなるかなぁ、と。

See Also

Copyright © 髭。/ Hugo + hugo-book