Stack Overflow
Stack Overflow

Questions tagged [ckeditor5-react]

36 questions
22
votes
4 answers

NextJS + CKEditor5 with CodeBlock plugin fails (global CSS import error)

I am trying to use CKEditor5 in NextJS. Here are my package versions: "@ckeditor/ckeditor5-build-classic": "^22.0.0", "@ckeditor/ckeditor5-code-block": "^22.0.0", "@ckeditor/ckeditor5-react": "^2.1.0", "next": "9.5.1", Related part of my component…
hco
  • 655
  • 1
  • 5
  • 15
5
votes
3 answers

CKEditor React Image Resize Plugin

How to use ImageResize with react. I can't find any sample. I want to resize image which I add from CKEditor on my react component. { …
Burak Kalafat
  • 68
  • 2
  • 15
5
votes
1 answer

Unable to use 'Simple upload adapter' of CKeditor5 | encountering error - CKEditorError: ckeditor-duplicated-modules

I am using reactjs and ckeditor5-react. I am going through the standard documents to use Simple upload adapter https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/simple-upload-adapter.html But it is failing with below…
Penguin
  • 169
  • 3
  • 14
4
votes
1 answer

How can I use a custom build of CKEditor 5 with React and Vite?

For the past several months, I've been building my app with Create React App. However, Ionic now supports Vite and I am attempting to migrate my app from CRA to Vite. Originally, I made a CKEditor 5 Custom Build and set it up in a React app like…
Patrick Kenny
  • 4,515
  • 7
  • 47
  • 76
3
votes
1 answer

React-ckeditor5 : CKEditorError: datacontroller-set-non-existent-root: Attempting to set data on a non-existing root

I am using React-ckeditor 5 package in my project. I am getting an unserialize html data and I am parsing it into html template using React-html-parser package and this parsed data is passed to ckeditor so that it should get display in editable…
Mohammed Sabir
  • 354
  • 1
  • 4
  • 16
2
votes
1 answer

ckeditor5 mentions plugin change mention text

i'm using ckeditor5 on react, and i want to achieve this: i have list with keys and values - for example: [{id: "@key1", value: "value1}, {id: "@key2", value: "value2"}] and i want that when the editor is focused - the text shown will be @keyX, but…
drizzt13
  • 630
  • 6
  • 15
1
vote
0 answers

How to update custom widgets in view when firing a command

React + CKEditor 5 project. Let's say we have a custom command 'updateWidgets' that is fired from a react component outside CKEditor. The goal is to run editorInstance.execute('updateWidgets') and update view for all existings widgets of the same…
hastrb
  • 410
  • 4
  • 12
1
vote
0 answers

div element with class in custom ckeditor5(in strapi)

I want to add one plugin in custom ckeditor5 which will add one div with given css. But code is ignoring the div completely and replacing it with p tag. Following is custom CKEditor config which is rendering editor in strapi. This is defined in…
user1621949
  • 11
  • 2
1
vote
0 answers

copy paste table from excel sheet lo ckeditor5 loses text formating

[ckeditor5] copy paste table from excel sheet lo ckeditor5 loses text formating, such as background color, font etc. More detail can be found here https://github.com/ckeditor/ckeditor5/issues/13586
user1233802
  • 573
  • 1
  • 5
  • 21
1
vote
0 answers

How to provide text direction on ckeditor5?

Is there any config setting using which i can initialize my ckeditor with a specific language direction like rtl or ltr? I tried to find solution in ckeditor5 documentation but could't find any, while going through it i can see that u need to…
siddharth arora
  • 11
  • 1
1
vote
1 answer

CKEditor 5 Downcast Converter for Paragraph To Wrap Text in Span

We're trying to write a 'paragraph' model downcast converter that will wrap all text nodes in a span, inside the paragraph p block element. For example we have the following: function AddSpansToText(editor) { …
Blue Waters
  • 725
  • 1
  • 4
  • 17
1
vote
0 answers

CKEditor disable accept / discard suggestions

Is there a way to disable the accept and discard suggestions on CKEditor5? I'm using CKEditor5 with ReactJS btw.
John Mandy Samonte
  • 11
  • 1
1
vote
0 answers

How to append query param with all the links added with ckeditor5-react?

I am using ckeditor5-react text editor. I just want to append the query param with each link added inside editor. Is there any way to do this using ckeditor5?
Archana Sharma
  • 1,953
  • 6
  • 33
  • 65
1
vote
0 answers

How to jump to React Ckeditor 5 paragraph from outside bookmark link?

In website I have a React Ckeditor 5 editor field with article. Article comments (like bookmarks) are outside the field. When I click on comment, I want to jump into current article paragraph. Ckeditor has to scroll to current paragraph…
hdoitc
  • 386
  • 1
  • 10
  • 21
1
2 3