TinyMCE Newsletter Email Editor Demo (Angular)

This project demonstrates the integration of TinyMCE as a Newsletter Email Editor with an Angular application. It showcases how to set up and customize TinyMCE and the workshop goes through setting up the environment, installing dependencies, and building the project using Windsurf AI

Features

• Integration with Angular 19.x
• TinyMCE rich text editor implementation
• Material UI components
• Responsive design
• Modern development workflow

Prerequisites

• Node.js (Latest LTS version recommended)
• npm (comes with Node.js)
• Angular CLI (npm install -g @angular/cli)
• Clone Boilerplate Code
• TinyMCE Cloud Account
• OpenAI API Account

Installation

1. Clone the repository:

   git clone https://github.com/mrinasugosh/tinymce-angular-newsletter-email-demo.git

2. Navigate to the project directory:

   cd tinymce-angular-newsletter-email-demo

3. Install dependencies:

   npm install

Development Server

Run the development server:

npm start

Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Resources

• TinyMCE Documentation
• Angular Documentation
• TinyMCE Angular Integration Guide
• TinyMCE Email Editor Starter Config

Support

If you have any questions or issues, please create an issue in the GitHub repository or contact us.

Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.