LOTTE UI COMPONENT LIBRARY

목차

• Introduction
• Installation
• Usage
• License

Introduction

L-UI 에디터를 포함한 단일 패키지입니다.

이 패키지는 TinyMCE 에디터를 사용하며 웹 기반의 WYSIWYG HTML 편집기를 제공합니다.

다양한 플러그인을 통해 기능을 확장할 수 있으며 상세 기능은 이 링크에서 확인 가능합니다.

Installation

패키지를 설치하기 위해 아래 명령어를 사용합니다.

  npm i @lotte-innovate/lui-editor

  yarn add @lotte-innovate/lui-editor

패키지 설치 시, 에디터 내부의 콘텐츠 스타일을 정의하는 css 파일이 다음 경로에 추가됩니다.

  public/tinymce/skins/ui/oxide/content.min.css
  public/tinymce/skins/ui/oxide/skin.min.css
  public/tinymce/skins/content/default/content.css

Usage

React 프로젝트에서 에디터를 사용하는 방법에 대한 예시입니다.

import React from 'react';
import { Editor } from '@lotte-innovate/lui-editor';

const App = () => {
  return (
    <div>
      <Editor />
    </div>
  );
};

export default App;

License

@lotte-innovate