github で動作を確認する フルスタックの Javascript 製テキストエディタには VSCode で採用されている Monaco Editor や先駆のひとつといえる Ace , Github の開発した Atom といった優れた実装があります。 これらの隙間を縫って、より広範なブラウザに対してそこそこの編集環境をグレイスフルデグラデーションしつつ提供する、という方針…
マークアップを更新し、誤った説明と表記のブレを修正しました。TODO を追記しています。(2021/05/05) はじめに W3C Range と IE 独自の先行実装 TextRange をラップしています。リッチテキストエディタ的なものを実装しながら必要なAPIを追加しています。 pettanR/webframework/js/08_domRange/ 用語 テキスト編集要…
textarea を js で制御してオレオレ・テキストエディタを作ってみます、という点から制御方法を調べていきます。 同じ手口で input[type=text] もイケます、多分。IE には改行文字の問題があるため textarea の方が格段に難しくなります。 次の目標は designMode=on です。 したいこと カーソル位置・選択範囲の取得 カーソル位置・選択範囲の変更 カー…
jsdo.it が終了していたので、リンクを web.archive.org に変更し、そこで撮影したスクリーンショットを追加しました。(2020/2/11) CMS やブログサービスが提供している WYSIWYG エディターは <br> で改行してしまい <p> タグで段落を囲んでくれない。クラスで見栄えを指定できないといった不満が、Web に携わる人にはあるかと…
