タグ

ブックマーク / blog.hog.as (1)

  • GitHubのコード表示部分はtextareaとbefore疑似要素でできている - hogashi.*

    ここのことです*1。 真ん中のカラムがコードの表示 (開発者ツールで見ると textarea にコードが入っている 目次 目次 シンタックスハイライトはどうしているのか? 上に表示されている div ならその文字もマウスカーソルで選択できるはずでは? なぜこうしたのか? 困ることはないのか? たしかこないだまでは普通に div ? で、テキストをマウスカーソルでドラッグアンドドロップで選択したりするような感じだったはずだけど、最近?になって、選択できる部分は textarea になっていて、点滅するカーソルが出るので、キーボードでエディタのように移動・選択することができる (もちろん編集はできない *2 )。 選択範囲の一番右に白く点滅するカーソルが登場している シンタックスハイライトはどうしているのか? textarea は部分的に色を変えるとかはできないはずだし、スタイルの様子を見ると

    GitHubのコード表示部分はtextareaとbefore疑似要素でできている - hogashi.*
  • 1