scrapbox-selectionでは、scrapbox-positionを用いて選択範囲中の文字を特定しようと試みているが、記法が文字以外としてrenderingされてしまう要素中の文字を取得することができない

取得できないもの

画像

動画

アイコン

数式

表示されない [ ] や [** など

どうしたらいいか

scrapbox側が選択範囲を取得できるAPIを作ってくれることが一番早いのだが、あんまり期待できないだろう

選択範囲を開始したときのcursorの位置を記憶する他方法がなさそう

scrapbox-selection-2として作成する

cursorを動かすたびに、cursorの位置を記録する

動いたかどうかは、 div.cursor の属性の変化を監視すればわかる

位置はDOMではなく行数と列数で記録する

選択範囲が出現したら、記録していたcursorの位置を上書きしないで保持する

選択範囲の出現とcursorの位置の変化にタイムラグがあるとずれてしまいそう

08:07:28 Scrapboxの選択範囲を検知するのコードを使って試してみたが、問題なさそう

選択範囲の出現を検知してからcursor位置が変わっている

2020-12-28 11:14:50 MutationObserverの監視を、.selection→.cursorの順に開始すればいいみたい

2021-01-01 14:10:17 多分解決した

#2021-01-01 14:10:27

#2020-12-29 07:04:33

#2020-12-28 11:14:44

#2020-12-26 07:35:46