latex-inputter

Tmax RG 본부에서 사용하는 수식입력기입니다.

How to Use

• npm i latex-inputter

• import { LatexInputter } from "latex-inputter"

• <LatexInputter /> 컴포넌트는 해당 props를 받습니다.

  • value: string : 본문
  • onChange: (latex: string) => void : 본문의 setter
  • CloseButton?: React.FunctionComponent : 우측 상단 CloseButton Icon
  • onClickClose?: Function : CloseButton 클릭 시 Function
  • onClickOk?: Function : '본문에 넣기' 버튼 클릭 시 추가 Function
  • startPosition?: number : 본문의 start focusIndex
  • endPosition?: number : 본문의 end focusIndex

• example

<LatexInputter
  value={text}
  onChange={(latex: string) => setText(latex)}
  startPosition={startPosition}
  endPosition={endPosition}
  onClickOk={() => setLatexInputter(false)}
  onClickClose={() => setLatexInputter(false)}
  CloseButton={CloseIcon}
/>