@toast-ui/editor-plugin-code-syntax-highlight is not wokring in react
See original GitHub issue@toast-ui/editor-plugin-code-syntax-highlight 해당 라이브러리가 리액트에서 정상 동작 하지 않습니다.
실행 버전은 다음과 같습니다.
"@toast-ui/editor-plugin-code-syntax-highlight": "^3.0.0-alpha.0",
"@toast-ui/editor-plugin-color-syntax": "^1.0.1",
"@toast-ui/react-editor": "^2.5.3",
"highlight.js": "^11.0.1",
@toast-ui/editor-plugin-color-syntax 또한 버전 3의 알파에서 정상 실행되지 않아
하위 버전으로 설치후 실행시 정상 동작하는 것을 확인하여 @toast-ui/editor-plugin-code-syntax-highlight 또한 버전을
하위 버전으로 낮춘후 실행했으나 정상 동작하지 않습니다.
관련해서 해당이슈를 참고했고
highlight.js 설치 및 bind를 통해서 바인딩 후 실행했으나 콘솔상 에러 없이 적용이 되지 않습니다.
아래는 실행 결과입니다.
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Strict Mode - React
StrictMode is a tool for highlighting potential problems in an application. Like Fragment , StrictMode does not render any visible UI.
Read more >How do I reference a local image in React? - Stack Overflow
First of all wrap the src in {}. Then if using Webpack; Instead of: <img src={"./logo.jpeg"} />. You may need to use require:...
Read more >React App Not Working? 4 Quick Debugging Tips - Dave Ceddia
Still Broken? You checked the console, found no errors (or fixed them) and it's still not working? Here are a few other things...
Read more >React JavaScript Tutorial in Visual Studio Code
React JavaScript tutorial showing IntelliSense, debugging, and code ... which you can see in action in the Problems panel (View > Problems Ctrl+Shift+M)....
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

확인 감사합니다.
말씀해주신대로 하면 정상 동작하는 것을 확인했습니다.
하지만 타입스크립트에서는 플러그인을 제안해주신 방식대로 연결할 수 없네요.
추가적으로 관련 이슈를 해당 레포에서 찾아보니 bind로 연결하도록 되어있는데 해당 부분 확인 가능할까요?
자바스크립트 기반으로 제안해주신 부분을 적용한 코드샌드박스입니다.
@SeoHyunDeock I’m sorry for the late response. This issue is old, so if you have any issues, please post a new one! Thank you!