textarea内に入力中にScrapboxのように既存のデータのタイトルをサジェストする機能を実現した〜! まだ見た目が残念なので整えたら動画撮るかー。
@noratetsu これ、イベントは何を見てるのか気になります。 keydownで、textareaのvalueをチェックしている感じ?
@rashita そうですそうです。keydownごとにtextareaのselectionStartで現在位置を取得して、そこからwhile文で指定した文字(この場合は「[」)か改行文字にぶつかるまで遡って文字をチェックして、遡った回数によって「[」以降に入力されている文字を取得しています。
@noratetsu なるほど!ありがとうございます(自分でも実装してみたくなりました
@rashita 👍👍 「これは素人には無理なポイントかな〜…」とずっと思っていた箇所だったので我ながらすごいレベルアップを感じます笑
@noratetsu だいぶScrapbox感がありますw
ダブルブラケットに続いて入力した文字列を含むタイトルをサジェストしてクリックするとリンクを貼れるようにした。
なおサジェスト欄をマウスオーバーで中身も確認できる(ツールチップで表示される)。
便利過ぎて自分で感動している。