textareaをカスタマイズできるReact用のライブラリを作成しました

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/inokawa

26 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

daruyanagi うわー、大変そうだ……しゅごい

2022/02/18 リンク

ledsun “styleを全てコピーしたdivを作成しています。この中にtextareaと全く同じテキストを逐一表示し、textareaを透過させた上で被せれば、理論上はtextareaの見た目のままテキストを装飾できる”

2022/02/18 リンク

efcl textarea要素に対してオーバーレイする要素をおいて、テキストの装飾やイベントを設定できるReactライブラリについて

2022/02/17 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

textareaをカスタマイズできるReact用のライブラリを作成しました

HTMLのtextarea要素では、テキスト単位で色をつけたりイベントハンドリングしたりなどすることは、通常... HTMLのtextarea要素では、テキスト単位で色をつけたりイベントハンドリングしたりなどすることは、通常の方法では出来ないことは皆さんご存知かと思います。それを(擬似的に)可能にするライブラリを作成しました。もしよろしければスター、使用した上でフィードバックなどいただけると非常にありがたいです。 Demo テキストを装飾したり(textareaに見えないかもしれないですがtextareaです)、キャレットの位置にメニューを表示したり、テキストにカーソルを乗せた時にTooltipを出したり、アイデア次第で色々と出来ると思います(もちろん原理上不可能なことはありますが…)。同様のことは、例えばSlateなどのライブラリを使用しても実現可能だと思いますが、こちらの方が断然軽量でバンドルサイズに何倍も差があります(現在約3.0kB gzipped)。なのでエディタライブラリを持ち出す

ブックマークしたユーザー

stosto8262024/09/25
Pasta-K2024/01/29
kkeisuke2022/02/20
somathor2022/02/19
daruyanagi2022/02/18
onk2022/02/18
dev_tamura2022/02/18
dhesusan46492022/02/18
yahihi2022/02/18
ledsun2022/02/18
ant_mugi2022/02/18
Hiro_Matsuno2022/02/18
t_f_m2022/02/18
R2M2022/02/18
xyzpda2022/02/18
kyo_ago2022/02/17
efcl2022/02/17
takutakuma2022/02/17

同じサイトの新着

React Server Components 対応の仮想スクロールライブラリを作りました

10 userszenn.dev/inokawa

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx