Forked from: kikuchy's 一からテキストエディタを自作してみた View Diff (154)

Fork
0
Fav
1
View
1843
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 339 lines
  • HTML 1 lines
  • CSS 1 lines
self forkでカッコワルイけど、どんな風に拡張したのか残すためにforkしてから作りました。

使うDOM要素はcanvasのみ。textareaなんて使いません!!

現在の機能
・一行だけ文字が表示できます。画面からはみ出したのは表示されません。
・キャレット(カーソル)が矢印左右キーで動かせます。
・英字入力ができます。
・BackSpaceで文字が消えます。
(以下、2013 2/8追加)
・Delキーでも文字が消えます。
・Home, Endキーでもキャレットが動きます。
(2013 2/9追加)
・Shiftキー押しながら矢印キー(又はHome, Endキー)で文字選択できます。
・選択中にBackSpace, Deleteや文字キーを押すと、選択した文字が消えます。

やりたいけどできてない機能
・簡易クリップボード
・マウス対応(クリックした所にキャレットを移す、選択する…)
・日本語入力(Google日本語入力のIME使えたらできないかな、とか思ったりして)

問題点
・フォントの扱い方が未だによく分からなくて表示が汚い
・キーイベント処理周りが冗長なので、リファクタリングしたら綺麗にできそう

予想する進化系
=>スクリーンエディタ


Chrome, Safari, Operaでは動きましたが、Firefoxでは上手く動かないようです。IEでは試していません。
  • 文字列選択機能も付けてみた(forked: 一からテキストエディタを自作してみた)
  • 文字列選択機能も付けてみた(forked: 一からテキストエディタを自作してみた)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

kikuchy

Author

@kikuchy

JSの他に、C#, Java, PHP, C, AS, Pascal・・・雑食してます。 起業したい今日のこの頃。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by