Munice-dev Quill Nightly

Build with Webpack

cwd가 monorepo root 디렉토리 위치로 가정. 패키지 디렉토리에 위치해있다면 -w ./packages/munice-dev-quill-nightly 옵션 제거.

npm run build -w ./packages/munice-dev-quill-nightly

수동 Publish

package.json에 있는 패키지 버전을 올리고 수동으로 publish 한다.

npm publish --access public -w ./packages/munice-dev-quill-nightly

자동 Publish

./packages/munice-dev-quill-nightly 내 파일을 수정한 후 commit 하면 자동으로 publish 된다.

package.json에 있는 패키지 버전을 올리는 것을 잊지말자!!

Usage

snow theme이 꼭 필요하다.

CSS를 임포트한다.

// css
@import '@munice-dev/quill-nightly/dist/quill-nightly.css';

에디터

quill container가 시작되는 곳에 아래 클래스를 추가한다.

• Locale 클래스: locale-{LOCALE}

<div className="quill-nightly article-content locale-en"></div>

뷰어

• 컨텐츠

quill 내용을 보여줄 곳에 아래 클래스를 추가한다.

// html

<div className="quill-nightly article-content locale-en view-mode">
  ...
</div>

• 레퍼런스

  quill 내용을 보여줄 곳에 아래 클래스를 추가한다.

<div className="quill-nightly article-references locale-en view-mode">
  ...