Quill Editor

quill editor with angular and TypeScript. ngx-quill is the new angular 2 and beyond implementation of ngQuill.

Default editor

Bubble Editor

Bubble is a simple tooltip based theme. Try double clicking on text, you should see bubble with toolbars for editing.

Quill Rich Text Editor


Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.


Getting Started is Easy 


// <link href="https://cdn.quilljs.com/1.0.5/quill.snow.css" rel="stylesheet">
        // <script src="https://cdn.quilljs.com/1.0.5/quill.min.js" type="text/javascript"></script>
        var quill = new Quill('#editor', {
        modules: {
                toolbar: '#toolbar'
        },
        theme: 'snow'
        });
        // Open your browser's developer console to try out the API!



Built with

  


Snow Editor

Snow is a clean, flat toolbar theme.

Quill Rich Text Editor


Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.


Getting Started is Easy 


// <link href="https://cdn.quilljs.com/1.0.5/quill.snow.css" rel="stylesheet">
        // <script src="https://cdn.quilljs.com/1.0.5/quill.min.js" type="text/javascript"></script>
        var quill = new Quill('#editor', {
        modules: {
                toolbar: '#toolbar'
        },
        theme: 'snow'
        });
        // Open your browser's developer console to try out the API!



Built with

  


Full Editor

By default all formats are enabled and allowed to exist within a Quill editor and can be configured with the formats option. This is separate from adding a control in the Toolbar. For example, you can configure Quill to allow bolded content to be pasted into an editor that has no bold button in the toolbar.

Quill Rich Text Editor


Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.


Getting Started is Easy 


// <link href="https://cdn.quilljs.com/1.0.5/quill.snow.css" rel="stylesheet">
        // <script src="https://cdn.quilljs.com/1.0.5/quill.min.js" type="text/javascript"></script>
        var quill = new Quill('#editor', {
        modules: {
                toolbar: '#toolbar'
        },
        theme: 'snow'
        });
        // Open your browser's developer console to try out the API!



Built with