Stack Overflow
Stack Overflow

Questions tagged [react-quill]

86 questions
0
votes
0 answers

How to send Rich Text To Sever

I am using a rich text editor and I am wondering what is a good way to send the rich text to the server? If you embed an image, the payload becomes too large. I was thinking maybe upload the image and send it as the URL. But is there an alternative,…
Snoopy
  • 853
  • 1
  • 8
  • 22
0
votes
2 answers

How to add right-to-left support with react-quill

We're using react-quill for a rich text editor, and we need to add rtl support. Any idea of how to do it? We're building with typescript.
Joey Baruch
  • 1,698
  • 1
  • 20
  • 29
0
votes
0 answers

How to config return image URL of quill react?

I'm using react quilljs on my strapi headless cms. I ran into the problem that the image url path of returned html is relative, how do I config it absolute? The image below is response from strapi serve and this is how my editor look like my…
authorNoob
  • 31
  • 6
0
votes
0 answers

React Quill Jest Change Text Value

I have a form with React Quill Text Editor. On submit I read the values from it. I wrote a unit test, to write something and check if the correct values are being sent. It goes like this. const updatedText = "New updated text(November)"; …
Missak Boyajian
  • 1,497
  • 4
  • 19
  • 46
0
votes
1 answer

ReactQuill (rich text) - Error: React.Children.only expected to receive a single React element child - React

I have a form and I replaced the textarea with ReactQuill based on this tutorial (https://www.youtube.com/watch?v=DjEANvaZFv0&feature=youtu.be) to get Rich Text. However once I did it, I got an error saying 'Error: React.Children.only expected to…
cldev
  • 169
  • 1
  • 7
0
votes
1 answer

How is the Quill.js link format implemented？

I can click an exist link and it will pop over a prompt, but I can not find the source code about how it's implemented see the image display it's not in https://github.com/quilljs/quill/blob/develop/formats/link.js Version: 1.3.7
Mai
  • 3
  • 2
0
votes
1 answer

React Quill custom image handler not working

Can someone help me to find out what is the issue in the code. I have created a custom image upload option but for some reason the variable "quillReact" is coming null when quillImageCallback function is invoked. I am using react-hooks. The image is…
Tanuj
  • 27
  • 5
0
votes
0 answers

Update React app state from React Quill content element node on click

I want to allow a specific element in the body of a React Quill editor to update the app context on click. How can I do it? Here is the custom blot I've made: /* Mention blot config ====================== */ class MentionBlot extends BlockEmbed { …
raw-rbt
  • 33
  • 3
0
votes
0 answers

Where can I find the css for different styles in react-quill

I am new to UI, so please bear with me. I am trying to use react-quill and in it I can see that when we make a custom toolbar we have to use different style for different buttons. One of those styles for example is "ql-bold". An example codepen :…
ffs
  • 79
  • 1
  • 5
0
votes
0 answers

infinite loading react-quill with nextjs dynamic import

I want to use react-quill with nextjs . This is a problem with ssr, so I wrote this code with reference to issue #122. https://github.com/zenoamaro/react-quill/issues/122 However, only 'loading ...' continues, and react-quill does not appear. There…
LEEJONGSEOK
  • 33
  • 3
0
votes
0 answers

I'm using react-quill and react-draggable

I'm using react-quill for edit the text and react-draggable for drag and drop a element, i want to mix the both libraries, for example when user trigger onStop event the user is able to edit the element.
leoigel
  • 1
0
votes
1 answer

How to add className="" & custom tag in react-quill Hooks?

how to add custom className and Custom Tag in react-quill using react-hooks ? import React from 'react' import ReactQuill,{Quill} from 'react-quill' import 'quill/dist/quill.snow.css' function MyEditor() { class ShadowBlot { static…
Rudra Joshi
  • 1
  • 1
0
votes
1 answer

Support for the experimental syntax 'moduleAttributes' isn't currently enabled

Haven't yet found an experimental syntax solution for 'moduleAttributes', although I've seen many for others like 'classProperties' Error: ./components/crud/CreateBlog.js:10:70 Syntax error: Support for the experimental syntax 'moduleAttributes'…
Matthew Wolman
  • 416
  • 4
  • 10
0
votes
1 answer

QuillJS preview is not as editor view- formatting issue

i am using react quill editor and the editor is working fine. but when i display the html content its not in the format shown in editor view. in console i can see that ql-indent class was applied to tag but its not working outside editor. i tried…
Thrinath Reddy
  • 150
  • 1
  • 8
0
votes
1 answer

How to show character counter in a React-quill

I would like to add a character counter on my React Quill. At the moment I have a character limiter of 950. The problem is that the user must be aware that the number of characters must not be more than 950, thus the character counter I've tried…
maria
  • 343
  • 1
  • 3
  • 11
1 2 3 4
5
6