[Fixed] CSS removed in output html code – kolkov/angular-editor

Issue

When loading the page with default Html code the editor UI and the output Html code work as expected, if any action performs in the editor then the UI looks good but the output Html code has removed all the css changes.

I have created stackblitz code here for a better understanding of my issue https://stackblitz.com/edit/angular-editor-wysiwyg-i

Anything I am doing wrong?

Solution

You need to disable sanitization by setting the option sanitize to false in your config object in app.component.ts

config: AngularEditorConfig = {
    ....
    sanitize: false,
    ....
  };
}

check the library documentation here https://www.npmjs.com/package/@kolkov/angular-editor