Comments (5)
This seems to work:
quill.setContents(quill.clipboard.convert(html));
from delta.
I store it as HTML and delta as well so I can render without parsing each time. I think there should be a setHtmlContents()
convenience method as well though. Is this not supported because Quill is a superset of HTML and doing so may alter results, or vice versa?
from delta.
You can use the construction APIs to create a Delta in general, but parsing, sanitizing and interpreting HTML is outside the scope of this project. You will have to use another third party library for that in conjunction with the construction APIs.
from delta.
What about using Clipboard.convert ?
https://github.com/quilljs/quill/blob/master/modules/clipboard.js
from delta.
I know this is an old issue but it strikes me as an odd oversight that Quill doesn't support this in any sort of documented way and the only way to do it is essentially a hack.
What is the recommended approach from Quill designers if I want to make some rich content editable more than once but also want to make the content renderable as simple HTML (as in the editor but just for display)?
AFAICT the easiest way to support this use-case is to store the content twice: once as Delta and once as HTML. Otherwise you're left rolling your own parser to convert HTML to Delta (if you store it as HTML) or Delta to HTML (for rendering outside an editor context).
Surely I'm missing something here?
from delta.
Related Issues (20)
- Release the package as es6 module HOT 1
- Format of a multi-line block quote?
- How to find the effective length of a Delta
- Quill delta / Angular 13 / Webpack error HOT 3
- Supporting nested quotes and lists HOT 1
- Question: how to convert Delta to DeltaStatic? HOT 1
- Definition of "document" vs "non-document" delta HOT 1
- Any plans for the ES version? HOT 5
- Delta `alignment` attribute is ambiguous and doesn't have the right value HOT 1
- Word-level diff behavior HOT 3
- Get incorrect delta by Delta.transform HOT 1
- Generic `Delta<T>`? HOT 5
- Delta doesn't insert empty line
- Bug in production from using Esnext + vite HOT 2
- can't diff embed bolt
- RFC:Nested combinations
- Feature request: an operation to convert Delta format to html HOT 2
- Request support for ESM HOT 3
- I packed quill-delta with a webpack but can't use new Delta() HOT 1
- The types are wrong
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from delta.