tomoyanonymous/quartz-research-note
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[obsidian] vault backup: 2024-12-23 11:50:55[
All checks were successful
Build / build (push) Successful in 4m34s
Details

Browse Source
This commit is contained in:
松浦 知也 Matsuura Tomoya
2024-12-23 11:50:55 +09:00
parent 9d964aeaed
commit 722cc5b3a1
5 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
content/シンタックスハイライト付きのエディタを簡易的に実装する.md Normal file
View File

@ -0,0 +1,12 @@
---
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