契約書を読みやすくする君
-
作ったもの
- サーバーに結果を保存しないのでお気軽にご利用ください。
使い方
- 上の文章は自由に書き換えてご利用ください。
- 「元」を押すとそのまま出力します。
- 「変換」を押すと置換されて出力されます。
技術的なこと。
JavaScript での改行付きヒアドキュメント
var heredoc = function() {/*
改行つきの
文章を
ここに
書いて。
*/}.toString().split(/\/\*|\*\//)[1];
heredoc = heredoc.replace(/\r\n|\n|\r/g, '<br>');
var txt = document.getElementById("txt");
txt.innerHTML = heredoc;
編集可能なエリア
初めはtextareaにしていたが、WEBページからのコピペだと改行が消えたので以下の方法にしました。
- contentEditable=true
- overflow:scroll
<div id="txt" contentEditable=true style="overflow:scroll;" ></div>
css
見栄えについて、newcssというのが良さそうだったので使ってみました。
きっかけ
- 以下を見て感動したため。
- サンプルは以下から拝借しました。ありがとうございました。