Questions tagged [draft-js-plugins]
123 questions
0
votes
0 answers
react-draft-wysiwyg mention suggestions are not getting clicked at once in mobile view
I used react-draft-wysiwyg editor. It is working fine in desktop mode, but in mobile view it has a small issue. When I click on a mention suggestion, it doesn't get clicked at once. Also, if I first clicked a suggestion, I am not able to select that…
Amit Saraswat
- 1
- 2
0
votes
0 answers
Not able to get the current content in blocks of editorState in draft.js in mobile device
const blocks = convertToRaw(editorState.getCurrentContent()).blocks;
I have noticed that my content is not coming in the blocks in mobile. I want to know the reason.
const blocks = convertToRaw(editorState.getCurrentContent()).blocks;
I…
Shubh Kirti
- 1
- 2
0
votes
0 answers
How to insert a draft-js custom component/block
I'm trying to insert my custom block to the editorState of draft-js's editor. I can't seem to find any detailed information on how to accomplish this.
Block Renderer:
const blockRendererFn = (contentBlock) => {
const type =…
No Sarcasm
- 35
- 5
0
votes
0 answers
Cannot get entityMap using @draft-js-plugins/linkify & hashtag plugin (NextJS)
I'm not getting any kind of entity data for Mention or Hashtag while using @draft-js-plugins. The link entity only working if I paste the URL directly on the editor. Mention is working fine but the hashtag or URL entity not working.
Hashtag and URL…
Raybi
- 1
- 3
0
votes
1 answer
Mentions up down arrow not working after draftjs custom key binding
When I use "draft-js" custom key binding, the up and down button of its mentions plugin on suggestion popup stopped working.
As per documentation, I have tried to return getDefaultKeyBinding(event) in case if my custom condition is not met, but it…
Lalit Garghate
- 119
- 1
- 5
0
votes
1 answer
Draft-js static toolbar UX problem, button doesn't "light up"
I've searched for this problem and couldn't find any information about it. Why is this happening?
I'm trying to build a simple rich text editor with draftjs and I've encountered an UX problem with the static toolbar plugin.
Every time I click a…
No Sarcasm
- 35
- 5
0
votes
0 answers
Italics and Clear button not working in React Draft WYSIWYG
Italic and clear option in text editor are not working.
I have tried removing and installing wysiwyg text editor but still I cant use Italic and Clear toolbar buttons.
I am able to press it i.e. it is clickable but there is no change in the editor…
0
votes
1 answer
How Do I style the draft-js-plugins/image using css?
I am using the @draft-js-plugins/image to display image in my react application. It is working but I can't seem to understand how to style the plugin so as the style my images that are displayed. I read through the documentation and I read…
user19263124
0
votes
1 answer
Draft JS programmatically insert text as span
I am using Draft.js for its mentions plugin. Sometimes, I want users to add a mention not by selecting an item from a dropdown but by writing something like, for example, "@item" or "@item".
As you can see in the function below, if I type a word…
0
votes
1 answer
How to add custom button in draft.js editor toolbar for adding a horizontal rule and how to get inline styles using stateTOHTML
I have a texteditor with a basic toolbar header
I want to add a text alignment options(right, left, and center indent) and a divider(horizontal line) option I am using react-draft-wysiwyg editor and no additional plugins.
CoderBeginner
- 717
- 1
- 12
- 39
0
votes
0 answers
draftjs handle backspace deleted content
Currently I am building a react application that use draftjs as Editor
Particularly, I added a pasted image feature with the usage of onPastedFilesChange attributes and AtomicBlockUtils.insertAtomicBlock methods.
User can paste image into Editor and…
Zhongwei Xu
- 147
- 9
0
votes
0 answers
draft js(react js) decorators ,after 1000 words text background should be colored tweeter tweet box like
i have done it with decorators ,if i didn't enter while writing(creating new block) ,it works fine
enter image description here
but when we text with new line decorator call as many time new line created and it didn't work please if anyone have…
stark_sanjeev
- 1
- 1
0
votes
2 answers
Hashtags suggestions working 'react-draft-wysiwyg'
I'm using 'react-draft-wysiwyg' library and everything working goes well. I'm wondering if there is a way to add hashtags suggestions once the user starts to type the '#'?
Shira
- 394
- 1
- 6
- 21
0
votes
2 answers
Build custom plugin to draft js
I want to add @draft-js-plugins/mention but at the moment it's not possible since one of the dependencies of this package is immutable js that use a very old version thus cause an issue in my project since I'm using the newest version. It's not…
Shira
- 394
- 1
- 6
- 21
0
votes
1 answer
Position Draft js emoji popover on top
I'm using the @draft-js-plugins/emoji but I'm having problem positioning the emoji popover on top of the editor. Currently it's showing on bottom like this I want to show this popover on top rather than the bottom.
I found an answer here, but…
Shamim Fahad
- 132
- 2
- 12