Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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


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! πŸ–‹οΈβœ¨πŸŒŸ

About

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

Topics

Resources

License

Stars

Watchers

Forks

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /