Separation #6

DOMの構造について。

1
a text


こんな感じにして、floaterは[cci]position:relative[/cci]にする。これは、カーソルが位置する基準がビューの上端か下端かのふた通りある仕様への対応。

各行はfloater内に生成し、それは行番号とテキスト本体を含む。従来は行番号はCSSによるナンバリングとbefore擬似要素で実装していたのだが、単純な要素にする。行要素自体(lineクラスのdiv)は単純に[cci]position:static[/cci]。行番号とテキストとを横並びにするのはCSS flex。

そろそろ、実際にwasaviのコードをいじり始めたい。まずビューとモデルを分離し、その完了後モデルをバックエンドへ移動させる。

Leave a Reply

Your email address will not be published. Required fields are marked *