https://github.com/berserker95/text-editor-showcase
🖋️ A rich text editor application built with Angular using ngx-editor, quill.js and syncfusion.
https://github.com/berserker95/text-editor-showcase
angular angular-rich-text-editor editor ngx-editor ngx-quill primeflex primeng quill quill-editor quilljs rich-text-editor syncfusion syncfusion-ej2
Last synced: about 2 months ago
JSON representation
🖋️ A rich text editor application built with Angular using ngx-editor, quill.js and syncfusion.
- Host: GitHub
- URL: https://github.com/berserker95/text-editor-showcase
- Owner: berserker95
- License: mit
- Created: 2024-10-14T15:20:16.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-16T15:47:57.000Z (over 1 year ago)
- Last Synced: 2024-10-19T00:26:23.902Z (over 1 year ago)
- Topics: angular, angular-rich-text-editor, editor, ngx-editor, ngx-quill, primeflex, primeng, quill, quill-editor, quilljs, rich-text-editor, syncfusion, syncfusion-ej2
- Language: TypeScript
- Homepage:
- Size: 184 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌟 TextEditorShowcase
Welcome to **TextEditorShowcase**! This project demonstrates the power of rich text editing using three popular libraries: **ngx-editor**, **quill.js**, and **syncfusion**. Designed for developers and users, this application provides a user-friendly interface to explore modern text editing capabilities.
### 🖥️ [Live Demo](https://670fdb7d21719f9f8a533b1f--frabjous-douhua-483b6d.netlify.app/)
Check out the deployed version of the application [here](https://670fdb7d21719f9f8a533b1f--frabjous-douhua-483b6d.netlify.app/)!
## 📚 About
**A rich text editor application built with Angular using ngx-editor and quill.js.**
- **✨ Rich Text Editing**: Create and format content easily.
- **📱 Responsive Design**: Works on all devices seamlessly.
- **🔄 Live Preview**: Instantly see your edits as you type.
- **🛠️ Modular Architecture**: Easily extend and maintain your application.
## 🚀 Getting Started
### Prerequisites
- [Node.js](https://nodejs.org/) (v14 or later)
- [Angular CLI](https://angular.io/cli) (v18.2.7)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/text-editor-showcase.git
```
2. Navigate to the project directory:
```bash
cd text-editor-showcase
```
3. Install dependencies:
```bash
npm install
```
## 💻 Development Server
Run `ng serve` for a development server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
## 🔧 Code Scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## 📦 Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
## 🧪 Running Unit Tests
Run `ng test` to execute the unit tests via Karma.
## 🛣️ Running End-to-End Tests
Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
## 🆘 Further Help
To get more help on the Angular CLI, use `ng help` or check out the [Angular CLI Overview and Command Reference](https://angular.io/cli).