Subscribed unsubscribe Subscribe Subscribe

livecoder進捗

Node.js

node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモの続き。
http://livecoder.sugyan.com/ このエントリーをはてなブックマークに追加
最近はエディタ周りを弄っていた。

  • 行番号の表示
  • カーソル行のハイライト
  • 言語選択(c, java, javascript, perl, php, python, rubyから)と、それに応じたsyntax highlight

基本的にはorion editorのdemo sampleの流用。
http://git.eclipse.org/c/e4/org.eclipse.orion.client.git/plain/bundles/org.eclipse.orion.client.editor/web/samples/demo.html

sampleではjava, javascript, cssのsyntax highlight用Stylerしか書かれていなかったので、#での行コメントに対応するように変更したり、各言語用にキーワードを用意したりした。

editor syntax highlight - jsdo.it - share JavaScript, HTML5 and CSS

細かいところまで凝り出すとキリがないのでこの程度にしておく。
livecoderでは言語切り替えもリアルタイムに同期し、editor側で変更すればviewer側も即時反映で変更されるようにしている。