[react-md-editor] quick start

npm i @uiw/react-md-editor

 

react-md-editor는 리액트 애플리케이션에서 마크다운 문서를 작성하고 보여줄 수 있는 에디터 라이브러리다. 

 

import React, { useState } from 'react';

import MDEditor from '@uiw/react-md-editor';

const MainComponent: React.FC = () => {

  const [mdValue, setMdValue] = useState<string | undefined>('# hello world!');

  return (

    <div className="">

      <h1 className="">Hello World!</h1>

      <div className="">

        <div data-color-mode="light">

          <MDEditor height={500} value={mdValue} onChange={setMdValue} />

        </div>

      </div>

    </div>

  );

};

export default MainComponent;