|
| 1 | +<p align="center"> |
| 2 | + <a href="https://vueup.github.io/vue-quill/" target="_blank" rel="noopener noreferrer"> |
| 3 | + <img height="120" src="https://vueup.github.io/vue-quill/quill.svg" alt="Vue + Quill logo"> |
| 4 | + </a> |
| 5 | +</p> |
| 6 | +<h1 align="center">VueQuill</h1> |
| 7 | +<h3 align="center"> |
| 8 | + Vue 3 + Quill Component for your powerful text editor. |
| 9 | +</h3> |
| 10 | +<p align="center"> |
| 11 | + <a href="https://www.npmjs.com/package/@vueup/vue-quill" title="Version"> |
| 12 | + <img alt="npm (tag)" src="https://img.shields.io/npm/v/@vueup/vue-quill/alpha"> |
| 13 | + </a> |
| 14 | + <a href="https://www.npmjs.com/package/@vueup/vue-quill" title="License"> |
| 15 | + <img src="https://img.shields.io/npm/l/@vueup/vue-quill" alt="License"> |
| 16 | + </a> |
| 17 | + <a href="https://github.com/vueup/vue-quill" title="Checks"> |
| 18 | + <img alt="GitHub Workflow Status" src="https://img.shields.io/github/workflow/status/vueup/vue-quill/Release%20package?logo=github"> |
| 19 | + </a> |
| 20 | + <a href="https://github.com/vueup/vue-quill" title="Last commit"> |
| 21 | + <img src="https://img.shields.io/github/last-commit/vueup/vue-quill?logo=github" alt="Last commit"> |
| 22 | + </a> |
| 23 | + </p> |
| 24 | + |
| 25 | +## Overview |
| 26 | + |
| 27 | +**VueQuill** is a **Vue Component** for building rich text editors, this package is a thin wrapper around Quill, to make it easier to use in a Vue 3 application. |
| 28 | + |
| 29 | +- 💚 **Built With Vue 3:** More powerful and performant framework than ever before. |
| 30 | +- 🧙♂️ **Fully Typescript:** VueQuill source code is written entirely in TypeScript. |
| 31 | +- 🛠️ **Easy To Use:** Straightforward implementation through a simple API. |
| 32 | + |
| 33 | +[👀 See a Live Demo](https://vueup.github.io/vue-quill/#demo). |
| 34 | + |
| 35 | +[📘 Read the Docs to Learn More.](https://vueup.github.io/vue-quill/guide/) |
| 36 | + |
| 37 | +> 🚀 **VueQuill** is in **@alpha** version! Currently the focus is on making VueQuill stable and feature complete first. It is not recommended to use this for anything serious yet. Some of its features are not "finalized" and will have breaking changes over time as we discover better solutions. |
| 38 | +
|
| 39 | +> 🧑🤝🧑 **VueQuill** is also contributor-driven. It is not backed by any huge company, which means that all contributions are voluntary and done by the people who need them. If you need something improved, added, or fixed, please contribute it yourself or no one will. |
| 40 | +
|
| 41 | +## Support me |
| 42 | +You can support me by [**☕ buying me a cup of coffee ☕**](https://www.buymeacoffee.com/luthfimasruri) to help me stay awake while I am coding, spend more time on the projects, and speed up the development. |
| 43 | + |
| 44 | +## To do list |
| 45 | + |
| 46 | +- [x] Release alpha version |
| 47 | +- [ ] Release beta version |
| 48 | +- [ ] Initial `v1.0.0` release |
| 49 | +- [ ] Enhance Typescript support with Vue 3 |
| 50 | +- [ ] Update the Documentation with improved examples and more information |
| 51 | +- [ ] **vue-quill-plugin-api:** provide built-in API for quill modules |
| 52 | + |
| 53 | +### Our Dream Features |
| 54 | +Our next goal is to provide a first-class plugins ecosystem: |
| 55 | +- [ ] [**vue-quill-table:**](#) add table editing functionality with options to modify cells, rows and columns. |
| 56 | +- [ ] [**vue-quill-media:**](#) add image, HTML5 video, and audio elements to the editable area. Includes option for live preview of embedded videos. |
| 57 | +- [ ] [**vue-quill-emoji:**](#) Insert emojis into VueQuill’s editable area. The default emoji set can be extended or overridden. |
| 58 | +- [ ] [**vue-quill-suggest:**](#) insert shortcut-text and transforming it into `@mentions`, [links](), and `#hashtags`. |
| 59 | +- [ ] [**vue-quill-form:**](#) module for automatic form input and submit binding. |
| 60 | +- [ ] [**vue-quill-code:**](#) insert and embed syntax color highlighted code snippets into the editable area. |
| 61 | +- [ ] [**vue-quill-collab:**](#) module for realtime collaboration. |
| 62 | + |
| 63 | +## Demo |
| 64 | +- [See a Live Demo](https://vueup.github.io/vue-quill/#demo). |
| 65 | + |
| 66 | + [](https://vueup.github.io/vue-quill/#demo) |
| 67 | + |
| 68 | +## Documentation |
| 69 | +- **[Guide](https://vueup.github.io/vue-quill/guide/)** |
| 70 | + - [Introduction](https://vueup.github.io/vue-quill/guide/) |
| 71 | + - [Installation](https://vueup.github.io/vue-quill/guide/installation.html) |
| 72 | + - [Usage](https://vueup.github.io/vue-quill/guide/usage.html) |
| 73 | + - [Themes](https://vueup.github.io/vue-quill/guide/themes.html) |
| 74 | + - [Toolbar](https://vueup.github.io/vue-quill/guide/toolbar.html) |
| 75 | + - [Options](https://vueup.github.io/vue-quill/guide/options.html) |
| 76 | + |
| 77 | +- **[APIs](https://vueup.github.io/vue-quill/api/)** |
| 78 | + - [Props](https://vueup.github.io/vue-quill/api/) |
| 79 | + - [Events](https://vueup.github.io/vue-quill/api/events.html) |
| 80 | + - [Methods](https://vueup.github.io/vue-quill/api/methods.html) |
| 81 | + - [Slots](https://vueup.github.io/vue-quill/api/slots.html) |
| 82 | + - [Export](https://vueup.github.io/vue-quill/api/export.html) |
| 83 | + |
| 84 | +## Contributing |
| 85 | +Pull requests are welcome. For major changes, please create a [new discussion](https://github.com/vueup/vue-quill/discussions) first about what you would like to change. |
| 86 | + |
| 87 | +## Quill |
| 88 | +[Quill API document](https://quilljs.com/docs/quickstart/) |
| 89 | + |
| 90 | +## License |
| 91 | +[MIT](https://choosealicense.com/licenses/mit/) |
0 commit comments