Hangmin's Blog.
  • 나
  • 워홀
  • 개발
  • Faith
  • JLPT
로그인
  • 테마
  • 日本語
  • 전체 카테고리 (32)
  • 블로그 개발 (5)
  • Svelte (4)
  • 에디터 개발 (6)
  • 개발팁 (4)
  • React (2)
  • 웹서버 (1)
  • Tiptap 에디터 (4)
  • CSS (2)
  • 테스트 (1)
  • 딥러닝 (1)

에디터 개발

코드블럭 표시도 추가했다.

에디터 개발 68 2025. 12. 8. 01:48 2025. 12. 27. 22:03

원하는 대로 다 추가가 되는게 너무 재미있긴 하다.

editor.css 파일에다가 아래 코드를 적용했다.

.editor-body pre {
	margin: 1em 0;
	padding: 1em;
	background: var(--bright-grey);
	border-radius: 4px;
}
.editor-body pre code {
	background: unset;
	padding: unset;
	border-radius: unset;
}
.editor-body code {
	background: var(--bright-grey);
	padding: 0.5em;
	border-radius: 4px;
}

굳 잘 적용되쥬??ㅋㅋ

업데이트 일지 #1
에디터 개발
다음글
나워홀개발FaithJLPT

Copyright © Hangmin Lee, 2026

0.6.33