search

byyoungjin / blog_front

0 stars 0 forks source link

코드블럭 prism-react-renderer넣기 #31

Closed byyoungjin closed 3 years ago

byyoungjin commented 3 years ago

코드 syntax highlight 하기 https://www.npmjs.com/package/prism-react-renderer

byyoungjin commented 3 years ago

issue 1 plugin 넣는게 힘들었다.

결국 plugin editor onChange handler 에서 block type 확인하고 highlight 해주는 방향으로 설정 https://github.com/withspectrum/draft-js-prism-plugin/issues/8

처음엔 요걸로 할려고했으나, draft.js 와 연동이 필요했다. https://github.com/FormidableLabs/prism-react-renderer

byyoungjin commented 3 years ago

현재는 shift+enter 를 해야지만 코드블럭간에 간극이 안생긴다.

block 안에있는 text 를 공백 포함해서 모두 가져오고 아래 라이브러리 이용해서 랜더링 하는방법 고려해보기 https://github.com/FormidableLabs/prism-react-renderer

atomic 으로 잡고 진행?