Export HTML using inline styles instead of the quill classes

See original GitHub issue

When I try to check the html output in the console window for the CodePen example by putting the console.log statement inside the HandleChange event I see something like this <p class="ql-indent-5">dfsdsfdfdsd</p> Here the component is added the quill classes to the output but instead it should put the styles inline so we could use it for email templates e.t.c

Is there any way to embed the styles inside the output html?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:6

github_iconTop GitHub Comments

57reactions
WebKiethcommented, Nov 27, 2018

this issue isn’t solved. Why I need to reconfigure a tonns of configs to enable simple feature. Anywhere, who wants to render classes from text editor? Nobody! Of cource, I just want to give users ability to write some text, save and output it from DB. Without any bullshit with css requests

28reactions
alexkrolickcommented, Aug 23, 2017
Read more comments on GitHub >

github_iconTop Results From Across the Web

How to export HTML with inline styles instead of the quill classes
If at all possible, please provide a Codepen to demonstrate the problem you're having with React Quill. Here's a template to get you...
Read more >
Inline style instead of quill editor inbuilt classes as classes are ...
First I create the html element: ... import Quill from 'quill' var DirectionAttribute = Quill.import('attributors/attribute/direction'); ...
Read more >
Class vs Inline Style - CodePen
Quill uses classes for most inline styles. The exception is background and color,. where it uses inline styles. This demo shows how to...
Read more >
How to Customize Quill - Quill Rich Text Editor
Quill uses classes, instead of inline style attributes, when possible, but both are implemented for you to pick and choose. A live example...
Read more >
Using Quill to Build a WYSIWYG Editor [Step-by-Step Tutorial]
For some formats, Quill.js uses inline style on the HTML nodes. For others, it uses custom CSS classes. This is important because if...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found