Skip to content

πŸ–‹οΈ A rich text editor application built with Angular using ngx-editor, quill.js and syncfusion.

License

Notifications You must be signed in to change notification settings

berserker95/text-editor-showcase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 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

Check out the deployed version of the application here!

πŸ“š 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

Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/text-editor-showcase.git
  2. Navigate to the project directory:
    cd text-editor-showcase
  3. Install dependencies:
    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.