Quill is initialized with a DOM element to contain the editor. The contents of that element will become the initial contents of Quill.
Use quill js and quill css with quill initialization.
Quill editors options are like below:
- Basic Quill editor
- clean, flat editor toolbar theme.
- Full toolbar editor
Referrals :
| Type | URL |
|---|---|
| Plugin Link | https://quilljs.com/docs/quickstart/ |
| Template Page | http://demo.pixinvent.com/robust-admin/ltr/vertical-menu-template/editor-quill.html |
CKEditor SDK is a collection of resources designed to help you get familiar with all editor features and make the process of implementing, configuring and integrating CKEditor with your website or application easier.
CKEditor is an online WYSIWYG editor that is used to edit HTML documents (or their fragments) in the browser.
CKEditor editors options are like below:
- Basic CKEditor
- Readonly editor
- Editor with different color
- Keyboard Key configuration
- Multilingual Content support
- Inline Editor
Referrals :
| Type | URL |
|---|---|
| Plugin Link | http://sdk.ckeditor.com/index.html |
| Template Page | http://demo.pixinvent.com/robust-admin/ltr/vertical-menu-template/editor-ckeditor.html |
Summernote is a JavaScript library that helps you create WYSIWYG editors online.
Summernote is super simple WYSIWYG editor on bootstrap.
Summernote editor options are like below:
- Basic Summernote
- Summernote Click to edit
- Summernote with Air mode
- Codemirror as codeview, etc..
Referrals :
| Type | URL |
|---|---|
| Plugin Link | http://summernote.org/ |
| Template Page | http://demo.pixinvent.com/robust-admin/ltr/vertical-menu-template/editor-summernote.html |
TinyMCE is regularly update by project maintainers and contributors, from the source code to the documentation.
Supported, Actively Maintained & Ready for the Future.
TinyMCE editor options are like below:
- Basic TinyMCE
- Inline Editor
- Classic Editor
- Custom Toolbar, etc..
Referrals :
| Type | URL |
|---|---|
| Plugin Link | https://www.tinymce.com/ |
| Template Page | http://demo.pixinvent.com/robust-admin/ltr/vertical-menu-template/editor-tinymce.html |
A source code editor is a text editor program designed specifically for editing source code of computer programs by programmers. It may be a standalone application or it may be built into an integrated development environment or web browser.
Code Mirror
CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functionality.
CodeMirror editor options are like below:
- Basic Code Mirror Editor
- Code Mirror Themes
- Lazy Mode Loading
- Sublime Text bindings
- Code Folding Demo
- Selection Marking & Highlighter
- HTML5 Preview
- Ruler & Visible tabs, etc..
Referrals :
| Type | URL |
|---|---|
| Plugin Link | https://codemirror.net/ |
| Template Page | http://demo.pixinvent.com/robust-admin/ltr/vertical-menu-template/code-editor-codemirror.html |
Ace
Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application.
Ace editor options are like below:
- Basic Editor with Javascript & HTML
- Auto resize
- code editors like CSS,SASS,JSON,PHP etc..
Referrals :
| Type | URL |
|---|---|
| Plugin Link | https://ace.c9.io/ |
| Template Page | http://demo.pixinvent.com/robust-admin/ltr/vertical-menu-template/code-editor-ace.html |