Comments (3)
I assume this is a Quill issue not a PrimeReact issue?
from primereact.
After conducting several tests, I have determined that the issue stems from the 1.x version series of Quill. However, I'm facing challenges with integrating the pre-release 2.x version of Quill into PrimeReact. Specifically, the main problem is that I can no longer set the 'value' property of the PrimeReact Editor when using Quill v2.x. I'm unsure if this integration is feasible or how to proceed with it.
Quill v1.x:
Playground => https://v1.quilljs.com/playground/
var quill = new Quill('#editor-container', {
modules: {
toolbar: [
[{ header: [1, 2, false] }],
['bold', 'italic', 'underline'],
['image', 'code-block']
]
},
placeholder: 'Compose an epic...',
theme: 'snow' // or 'bubble'
});
const value = '<div>test</div><ul><li>1</li><li>2</li></ul>';
const delta = quill.clipboard.convert(value);
console.log(delta)
quill.setContents(delta, 'silent');
Qull v2.x:
Playground => https://quilljs.com/playground/snow
const quill = new Quill('#editor', {
modules: {
toolbar: [
[{ header: [1, 2, false] }],
['bold', 'italic', 'underline'],
['image', 'code-block'],
],
},
placeholder: 'Compose an epic...',
theme: 'snow', // or 'bubble'
});
const value = '<div>test</div><ul><li>1</li><li>2</li></ul>';
const delta = quill.clipboard.convert({ html: value });
console.log(delta)
quill.setContents(delta, 'silent');
from primereact.
See #5960
from primereact.
Related Issues (20)
- onSort return only one value on every event HOT 2
- MeterGroup: Percentages always based on max 100 HOT 3
- DataTable Dropdown Filter: Value is not getting updated upon selection HOT 4
- Chart property "onMouseDown" not typed HOT 1
- TabView | Inkbar is visible for lara
- Option with value 0 has different behavior than any other number in dropdown HOT 6
- Cannot npm link primereact on local project
- DataTable: Clicking on a checkbox in the header of a sortable column will sort the column HOT 2
- FileUpload: How can I preload a file into the component? HOT 1
- Password component width class w-full HOT 2
- Timeline: Last item placed incorrectly
- Spinner/Loader animation doesn't work HOT 5
- DataTable in Dialog reads everything in dialog (with NVDA tool)
- Carousel: : Bug Report - PrimeReact Carousel Sliding Function Interruption on Radio Button Click
- Dropdown: can't use "checkIcon" pt option HOT 1
- Tree Node Drag & Drop Keyboard Support HOT 3
- OTPInput Keyboard Support in Forms HOT 1
- AutoComplete: selectedItemTemplate displays [Object object]
- DataTable: Reorderable Column Drop Effect Incorrect When Hovering Table Body
- Tooltip crashes when position='mouse' and it changes
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 primereact.