question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@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를 통해서 바인딩 후 실행했으나 콘솔상 에러 없이 적용이 되지 않습니다.

아래는 실행 결과입니다.

스크린샷 2021-06-09 오후 3 31 55

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
SeoHyunDeockcommented, Jun 17, 2021

확인 감사합니다.

말씀해주신대로 하면 정상 동작하는 것을 확인했습니다.

하지만 타입스크립트에서는 플러그인을 제안해주신 방식대로 연결할 수 없네요.

추가적으로 관련 이슈를 해당 레포에서 찾아보니 bind로 연결하도록 되어있는데 해당 부분 확인 가능할까요?

자바스크립트 기반으로 제안해주신 부분을 적용한 코드샌드박스입니다.

0reactions
js87zzcommented, Aug 5, 2021

@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!

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found