Ngx-quill: Convert quill CSS to inline CSS

[RscAnonymous]

Is there a functionality to convert all the custom quill CSS to inline ones in order to make all the other editors (used by Gmail and outlook) understand it?

[KillerCodeMonkey]

dude one issue is enough... and those questions should be asked at the quilljs repo and not here.
https://quilljs.com/guides/how-to-customize-quill/#class-vs-inline

[MichaelPruefer]

@KillerCodeMonkey
I have a similar problem. I need all css to be inlined.
Is there a way to force the quill-editor component to write the model with inline-styles only?

[KillerCodeMonkey]

that is what the link i posted describes. and even thou -> this is a quilljs question. so check out the issues there or open one.

You need to register all the formats you use as inline:
https://quilljs.com/playground/#class-vs-inline-style just register all the inline styles you need

[MichaelPruefer]

I was hoping there would be a convenience method or settings i can use so that all formats are automatically inlined.

[evgeny-ykm]

@KillerCodeMonkey ok so you have posted a link that says to use this code:

var ColorClass = Quill.import('attributors/class/color');
var SizeStyle = Quill.import('attributors/style/size');
Quill.register(ColorClass, true);
Quill.register(SizeStyle, true);

// Initialize as you would normally
var quill = new Quill('#editor', {
  modules: {
    toolbar: true
  },
  theme: 'snow'
});

Clearly it is not angular way, so I don't really see how it solves the issue.
Where this code should go, how to use it in context of angular?

[KillerCodeMonkey]

you just need to register the stylings first. After that all editors have those inline styling.

const ColorClass = Quill.import('attributors/class/color');
const SizeStyle = Quill.import('attributors/style/size');
Quill.register(ColorClass, true);
Quill.register(SizeStyle, true);

[evgeny-ykm]

@KillerCodeMonkey, Thanks for the quick answer. I just put it in the component right after the imports. Not sure if it is the right place, but it works !

[Noor0]

Is there a way to inline indent styles for list?