복붙노트

[REACTJS] 마크 다운은에서 타이프 라이터와 반응

REACTJS

마크 다운은에서 타이프 라이터와 반응

해결법


  1. 1.내가 대신 commonmark 패키지를 사용하여 내 문제를 해결했다. 그들은 typings 내 환경에 필요한 모든 것을 갖추고 있습니다. 여기 내 구현은 다음과 같습니다

    내가 대신 commonmark 패키지를 사용하여 내 문제를 해결했다. 그들은 typings 내 환경에 필요한 모든 것을 갖추고 있습니다. 여기 내 구현은 다음과 같습니다

    import { HtmlRenderer, Parser } from 'commonmark'
    
    export class MyComponent extends React.Component<{}, {}> {
      private post: string
    
      constructor () {
        super()
        let parser = new Parser()
        let renderer = new HtmlRenderer()
        this.post = renderer.render(parser.parse("**works** like a charm!"))
      }
    
      render () {
        return (
          <div dangerouslySetInnerHTML={ {__html: this.post} } />
        )
      }
    }
    

    또한, commonmark의 typings를 추가하는 것을 잊지 마세요 :

    $ typings install --global --save dt~commonmark
    

    도움말을 시도한 사람들에게 감사합니다!

  2. from https://stackoverflow.com/questions/40203469/markdown-in-react-with-typescript by cc-by-sa and MIT license