Skip to content

Angular Text Editor is a project that is built using Angular and supports rendering outputs based on user-entered markdown.

License

Notifications You must be signed in to change notification settings

muraterennar/angular-text-editor

Repository files navigation

Angular Text Editor

license repo-top-language repo-language-count

Built with the tools and technologies:

npm HTML5 PostCSS JavaScript TypeScript


Welcome to the Angular Text Editor! This project provides a powerful and user-friendly text editing tool built with Angular, designed to meet a wide range of text editing needs. 🌟📜💡

Features ✨🔧📝

  • Rich Text Formatting: Supports bold, italic, underline, and other common text styling options.
  • Dynamic Content: Allows users to insert images, links, and custom HTML.
  • Custom Toolbar: A fully customizable toolbar to include the options you need.
  • Real-time Preview: Provides an instant preview of the formatted content.
  • Responsive Design: Optimized for both desktop and mobile devices. 📱💻🚀

Technologies Used 🖥️🛠️📚

  • Angular: Frontend framework for building the application.
  • TypeScript: Provides type safety and enhanced development experience.
  • SCSS: For styling and responsive design. 🎨👩‍💻✨

Installation 📥⚙️🚀

To get started with the Angular Text Editor, follow these steps:

  1. Clone the repository:

    git clone https://github.com/muraterennar/angular-text-editor.git
    cd angular-text-editor
  2. Install dependencies:

    npm install
  3. Run the development server:

    ng serve
  4. Open your browser and navigate to:

    http://localhost:4200
    

🌟🔗🖱️


Usage 🖋️🔍💾

  1. Use the toolbar to format text as desired.
  2. Add images, links, or custom HTML through the respective options.
  3. Preview the formatted content in real-time.
  4. Save or export your work as needed. 🖼️📑📤

Folder Structure 📂📁🗂️

  • src/app: Contains the Angular components, services, and modules.
  • src/assets: Stores static assets like images and styles.

Contributing 🙌💡🤝

Contributions are welcome! Please follow these steps:

  1. Fork the repository.

  2. Create a new branch:

    git checkout -b feature/your-feature-name
  3. Make your changes and commit them:

    git commit -m "Add your feature description here"
  4. Push to your fork and submit a pull request. 🌟🌍📤


License 📜🖋️✔️

This project is licensed under the MIT License. See the LICENSE file for more details. 📄⚖️🔓


Contact 📧📞💬

If you have any questions or suggestions, feel free to reach out via Issues. ✍️🛠️📬


Thank you for using the Angular Text Editor! 🖋️✨🌟