Themes

Theme를 사용하면 편집기를 최소한의 노력으로 보기 좋게 만들 수 있습니다. Quill에는 공식적으로 지원되는 두 가지 테마가 있습니다. Snow 와 Bubble.

Usage

<!-- Add the theme's stylesheet -->
<link rel="stylesheet" href="//cdn.quilljs.com/1.3.6/quill.bubble.css">

<script src="//cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
var quill = new Quill('#editor', {
  theme: 'bubble'   // Specify theme in configuration
});
</script>

간단하게 설명하면 Bubble 테마는 툴팁으로 스타일을 지정하는 테마, Snow는 toolbar로 스타일을 지정하는 테마이다. 아래 목록을 클릭하면 예시를 볼 수 있다.

• Bubble
• Snow

Customization

테마는 주로 CSS 스타일시트를 통해 Quill의 시각적 모양을 제어하며, 이러한 규칙을 재정의하면 많은 변경을 쉽게 수행할 수 있습니다. 이것은 다른 웹 응용 프로그램과 마찬가지로 브라우저 개발자 콘솔을 사용하여 요소에 영향을 미치는 규칙을 보기만 하면 가장 쉽습니다.

다른 많은 커스터마이즈는 해당 모듈을 통해 수행할 수 있습니다. 예를 들어 toolbar는 가장 잘 보이는 사용자 인터페이스이지만 사용자 정의의 대부분은 toolbar 모듈을 통해 수행됩니다.