だ。ログ。

開発とかスノボとかやきうとか。

aceエディタの入力した内容を取得する

jQuery javascript PHP 開発

jsプラグインの中でもこの頃多様しているaceエディタ
ace.c9.io
ブラウザ上でエディタが出せるので便利。

とりあえず使うにはこれ。

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ace.js"></script>
<link rel="stylesheet" href="/hoge/fuga/ace_ime_jp_font.css">
<script>
  var editor = ace.edit("editor");
  editor.$blockScrolling = Infinity;
  editor.setTheme("ace/theme/monokai");
  editor.getSession().setMode("ace/mode/html");
</script>

クラウドからソースコードを入れるだけ。
ただし1点だけ、日本語入力すると画面がチラつく。
ace_ime_jp_font.cssに関しては以下を参照

qiita.com

を参照に、チラつきを抑えるスタイルを適用した。
これで、エディタが出せる訳だがプラグインなので入力要素ではない。となるとページをPOSTした場合にどうすれば良いか。

$("#button").click(funtcion(){
	alert(editor.getValue());
});

エディタ専用のコードを使う。
なので、入力したものを一旦hiddenなりにうつしてPOSTしないといけないので注意。