Question 1

How to add custom buttons to Angular Markdown Editor?

Accepted Answer

Extend the 'additionalButtons' section in the editor options by following the Bootstrap Markdown documentation. The global options file shows examples for adding strikethrough and table buttons, which you can mimic for custom actions.

Question 2

Angular Markdown Editor vs ngx-markdown: which one should I use?

Accepted Answer

Angular Markdown Editor is a full WYSIWYG editor component with integrated preview, while ngx-markdown is primarily a markdown parser and renderer. Choose Angular Markdown Editor if you need an interactive editing interface; use ngx-markdown for parsing and displaying markdown without editing features.

Question 3

How to secure Angular Markdown Editor against XSS attacks?

Accepted Answer

Integrate DOMPurify by sanitizing the markdown text in the parser callback of the editor options. For example, call DOMPurify.sanitize() on the input before passing it to your markdown service, as outlined in the security section of the README.

Question 4

Can I use Angular Markdown Editor without Bootstrap?

Accepted Answer

No, the editor is built on Bootstrap Markdown and requires Bootstrap CSS and JavaScript to function properly. Attempting to use it without Bootstrap will break the UI, as it's a core dependency listed in the setup.

Question 5

How to change the editor language dynamically?

Accepted Answer

The README notes that dynamic language switching isn't supported out of the box; you must destroy and recreate the component with the new locale. This can be managed by toggling the component or using Angular's lifecycle hooks, but it's inefficient for frequent changes.

Question 6

Is Angular Markdown Editor compatible with Angular 16 or later?

Accepted Answer

Version 3.x is designed for Angular >= 14.x and uses Ivy, so it should be compatible with Angular 16. However, always check the npm package or GitHub repository for the latest updates, as dependencies like Bootstrap Markdown might have limitations.

angular-markdown-editor

What is angular-markdown-editor?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions