Stack Overflow
Stack Overflow

Questions tagged [react-quilljs]

22 questions
6
votes
1 answer

react-quilljs and reactjs-popup don't work together

I'm using react-quilljs and reactjs-popup together and can't get the quill-based editor to show in my modal dialog. I can use the editor on the main page with no issues but it will not work on the popup. I have the expected imports: import React…
Software Engineer
  • 15,457
  • 7
  • 74
  • 102
2
votes
1 answer

QuillJS - remove formatting when pasting into the editor

I previously used https://github.com/quilljs/quill/issues/1184#issuecomment-403657128 to make sure that no one can paste formatted text in the QuillJS editor, because I would like people to only use the few editing buttons that I enabled from…
yldm
  • 144
  • 3
  • 14
1
vote
1 answer

How do you insert direct html through react-quill handlers?

I created the following react component. It uses quill js and has a custom button to insert a line. The problem is I can't find a way to to insert an
tag through the insertLine function. Is there a way to insert direct html? import ReactQuill,…
Moataz
  • 175
  • 7
1
vote
0 answers

React-Quilljs image resize & alignment not working

I am using react-quilljs for image resize feature. When I position and resize the image in the editor, it works fine. I have even console.log the size if that is changing or not, but it's working okay. But after I have submitted to the API and…
Sadaf Zillani
  • 11
  • 1
1
vote
0 answers

Image Handlers React Quill

May I ask what is the default way of inserting an image and the script from scratch using React Quill? I try seek answer around, but all I got is that Class component. Can you guys help me doing it with Functional Components? const imageHandler =…
Di17
  • 11
  • 3
1
vote
0 answers

How can I set the initial value in quilljs so that the string retains its original styling as a starting point and edit from there

I am using quilljs to add a rich text editor in React. I am pre-filling the data for editing right now using: quill.clipboard.dangerouslyPasteHTML(placeholder); this does so as an unstyled block of text... i.e: instead of a plain block of…
ryannnnnn
  • 19
  • 6
1
vote
0 answers

React-quilljs error when updating my state variable

I am using react-quilljs and I want to set an intial value to it and at the same time I want to set my output variable via setState of useState whenever the text changes so I can use the state variable to in saving the data when user click save…
Jonathan Aplacador
  • 113
  • 8
0
votes
0 answers

im trying to make this through react-quill npm

Currently, both appear as columns. In the browser, react-quill built-in classes like class="ql-toolbar ql-snow" and class="ql-container ql-snow" take separate space which I don't require (I think so). I'm expecting both, the toolbar and container…
N-000
  • 1
0
votes
0 answers

Use Quill insertText in react-quill Using react-quill

I'm trying to use the quill insert text method, but its not working for react quill.(next.js react) my code const ReactQuill = dynamic(() => import('react-quill'), { ssr: false }); const { Quill } = dynamic(() => import('react-quill'), { ssr: false…
Vatsa Pandey
  • 583
  • 2
  • 12
0
votes
1 answer

can't play video in react quill

I can't play video in react quill when I set resize picture in react quill, every time I add a video it gets resized like a photo, and can't play. So does anyone have a way. this is my code type here import React, { useState, useEffect } from…
AdamWarLock9292
  • 15
  • 6
0
votes
0 answers

React-native-cn-quill getting drag and drop of text to work

Hope someone can shed some light. I'm using react-native-cn-quill which is a wrapper for quilljs. I'm trying to get text (which by default are in "p" tags) to be draggable in the editor. I tried extending the Block blot so that p tags have the…
Chris
  • 13
  • 3
0
votes
0 answers

REACTQUILL issue when set the state

i am creating a blog pannel where user can writte blogs and store the blog in firebase but when i update the state with usestate hook the quill edtior stop showing the container and toolbar div are removed from there type hereimport React, {…
muhammad mozzam
  • 1
0
votes
0 answers

Quill editor: removes / resets the input value when it starts with number list

I was trying out the Quill.js editor through their playground but I noticed a weird issue when trying to type a number list, it automatically apply a tab and resets the number to 1. when no previous text is added. And when you hit enter without…
fmsthird
  • 1,745
  • 2
  • 17
  • 34
0
votes
0 answers

Reference Error: Require not defined. Does React-quilljs work with vite?

The site runs but on the opening of two modals it throws the reference error and the page goes blank. I am using react-quill for a text editor which is the cause of the problem. All of it works locally!! Just in the build it fails. and throws a…
ryannnnnn
  • 19
  • 6
0
votes
0 answers

Load protected (Authorization header) images using QuillJs

It's pretty easy to upload the images to the server but what I want is to load the images from the server on the browser but as the images are protected using JWT access control the backend is throwing Access Denied error. Is there any way by which…
Rushabh Dangore
  • 11
  • 4
1
2