13 lines
694 B
Markdown
13 lines
694 B
Markdown
|
---
|
||
|
|
date: 2024-12-23 11:23
|
||
|
|
---
|
||
|
|
#tips #scrap
|
||
|
|
|
||
|
|
[How to add syntax highlighting to code as a user types in realtime with vanilla JavaScript | Go Make Things](https://gomakethings.com/how-to-add-syntax-highlighting-to-code-as-a-user-types-in-realtime-with-vanilla-javascript/)
|
||
|
|
|
||
|
|
Prismjsでハイライトしたエリアに、ぴったり同じサイズの透明な`textarea`を重ねて、inputイベントで同期させる。
|
||
|
|
|
||
|
|
新しいmimiumのWebサイトのエディタで、Webコンポーネント作るまでの一時的な対処で使用中。なぜかtextareaの方に`letter-spacing:-0.8pt;`というマジックワード入れないとサイズが合わなかった
|
||
|
|
|
||
|
|
https://mimium.org
|