GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → adamlofts → angular_quill

adamlofts / angular_quill

Licence: BSD-3-Clause license
Angular dart component for the Quill rich text editor

Programming Languages

CSS
56736 projects
dart
5743 projects
HTML
75241 projects

Labels

quillquilljsangulardart

Projects that are alternatives of or similar to angular quill

Ngx Quill Editor
🍡@quilljs editor component for @angular
Stars: ✭ 234 (+963.64%)
Mutual labels:  quill, quilljs
Vue2 Editor
A text editor using Vue.js and Quill
Stars: ✭ 2,316 (+10427.27%)
Mutual labels:  quill, quilljs
Ngx Quill Example
demo app for the advanced usage of ngx-quill module
Stars: ✭ 137 (+522.73%)
Mutual labels:  quill, quilljs
Yii2 Quill
Yii 2 implementation of Quill, modern WYSIWYG editor
Stars: ✭ 52 (+136.36%)
Mutual labels:  quill, quilljs
Ngx Quill
Angular (>=2) components for the Quill Rich Text Editor
Stars: ✭ 1,382 (+6181.82%)
Mutual labels:  quill, quilljs
quilljs-rails
Easy integration of Quill rich editor with most Rails forms.
Stars: ✭ 33 (+50%)
Mutual labels:  quill, quilljs
Vue Quill Editor
🍡@quilljs editor component for @vuejs
Stars: ✭ 6,874 (+31145.45%)
Mutual labels:  quill, quilljs
Quill Mention
💬 @mentions for the Quill rich text editor
Stars: ✭ 349 (+1486.36%)
Mutual labels:  quill, quilljs
Flutter Quill
Rich text editor for Flutter
Stars: ✭ 177 (+704.55%)
Mutual labels:  quill, quilljs
quill-magic-url
Automatically convert URLs to links in Quill
Stars: ✭ 86 (+290.91%)
Mutual labels:  quill, quilljs
quill-markdown-toolbar
A Quill.js module for converting markdown text to rich text format
Stars: ✭ 13 (-40.91%)
Mutual labels:  quill, quilljs
Quill Better Table
Module for better table in Quill, more useful features are supported.
Stars: ✭ 175 (+695.45%)
Mutual labels:  quill, quilljs
Quill Cursors
A multi cursor module for Quill text editor.
Stars: ✭ 139 (+531.82%)
Mutual labels:  quill
Scala Db Codegen
Scala code/boilerplate generator from a db schema
Stars: ✭ 49 (+122.73%)
Mutual labels:  quill
Quill
Quill is a modern WYSIWYG editor built for compatibility and extensibility.
Stars: ✭ 31,554 (+143327.27%)
Mutual labels:  quill
Rating Stars
⭐️⭐️⭐️⭐️⭐️ A 5-star rating widget implemented in JS and CSS
Stars: ✭ 18 (-18.18%)
Mutual labels:  quill
Quill Sharedb Cursors
Collaborative editing with multi cursors sync using Quill and ShareDB.
Stars: ✭ 121 (+450%)
Mutual labels:  quill
Ruoyi Vue
(RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统
Stars: ✭ 596 (+2609.09%)
Mutual labels:  quill
Ruoyi Vue Fast
(RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统
Stars: ✭ 107 (+386.36%)
Mutual labels:  quill
Ultron.g8
A ZIO + http4s + Circe + Quill + Tapir giter8 template
Stars: ✭ 107 (+386.36%)
Mutual labels:  quill
View All Similar Projects ➔

Angular Quill

An angular dart component for the Quill rich text editor

See it in action

Visit https://adamlofts.github.io/angular_quill_example/build/web/index.html

And view the corresponding example source code.

Usage

Add the dependency to pub:

dependencies:
  angular_quill:

Add the component to your template

<my-app>
    <quill
            [(ngModel)]="html"
            placeholder="Write something..."
            (blur)="blur()"
            (input)="input()"
    ></quill>
</my-app>

Add quillDirectives to the directives on your app component

@Component(
  selector: 'my-app',
  templateUrl: 'app_component.html',
  directives: const [COMMON_DIRECTIVES, quillDirectives],
)
class AppComponent {}

Include Quill JS and css files in your app html.

  <head>
    <script src="packages/angular_quill/quill-1.2.4/quill.min.js"></script>
    <link rel="stylesheet" href="packages/angular_quill/quill-1.2.4/quill.snow.css">
  </head>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].