React-draft-wysiwyg: HTML Table support
This is a really fantastic project. The only thing missing here is table support. I know the author is busy working on something else before she has chance of digging in. I am really new to react and draft. I am just wondering if there is any workaround to achieve table support, such as including a plugin like draft-js-table-plugin to work with react-draft-wysiwyg. Has anyone get HTML table working with react-draft-wysiwyg?
jasonfoy99
All 23 comments
Hi @jasonfoy99 , thanks you liked editor project.
Its hard to use draft-js-table-plugin with react-draft-wysiwyg.
A way to achieve it would be create custom block renderer and custom toolbar button.
There are quite a few people who need it and it very useful feature. I am thinking of developing it - but it will be comparatively bigger task and since I am also busier these day - I can not promise how soon it will be ready.
jpuri
on 15 May 2017
Understood. Thank you for your quick reply.
jasonfoy99
on 15 May 2017
Any progress on this?
crazywako
on 22 Sep 2017
Any progress?
bevinhex
on 24 Dec 2017
Is there any progress?
Shadowman4205
on 8 Jan 2018
Just gonna add my name to the list, this would be super helpful it seems to be one of the least implemented features in WYSIWYGs 👍
tomkiss
on 12 Jan 2018
Yep! That bigger feature. I need it :(. I hope @jpuri will resolve it .
tanmynguyen
on 1 May 2018
@jpuri do you want me to build a PR for this because I would like to see this as well.
couturecraigj
on 15 May 2018
Sure, I will be very happy for a PR of this feature. Plz let me know if I can help you anywhere in doing that.
jpuri
on 15 May 2018
So,
I am not sure about how you want the table to look for the SVG icon. Maybe I can leave that to you. I will try to get the normal functionality working and we can go from there.
On May 15, 2018, at 8:17 AM, Jyoti Puri notifications@github.com wrote:
Sure, I will be very happy for a PR of this feature. Plz let me know if I can help you anywhere in doing that.
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub https://github.com/jpuri/react-draft-wysiwyg/issues/323#issuecomment-389145724, or mute the thread https://github.com/notifications/unsubscribe-auth/AF9vGAHkuw5F0SIforv1IsRJufzqBHcDks5tysdSgaJpZM4NbCvz.
couturecraigj
on 15 May 2018
That wounds good 👍
jpuri
on 15 May 2018
I have been trying to figure this out... Everything seems to be in
different places. I do not know how I would go about doing this. I think
I am giving up. I want to help but, I think I might just try to build my
own with a basic draft-js then find out how to integrate it.
Unfortunately, that will take some time.
What I see as important to get this up and running is the following:
- Add table button
- Choose the size of the table (height x width)
- While in a table add column
- While in a table add row
- While in a table remove column
- While in a table remove row
I will see if I can revisit this after I implement it individually.
On Tue, May 15, 2018, 1:03 PM Jyoti Puri notifications@github.com wrote:
That wounds good 👍
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/jpuri/react-draft-wysiwyg/issues/323#issuecomment-389240779,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AF9vGHMuv3NTCrQxOcUrpkstjEnCg1FPks5tywpZgaJpZM4NbCvz
.
couturecraigj
on 20 May 2018
Hi,
Any update on this? I really need this plugin or way to use table in the editor.
wliadmin
on 12 Dec 2018
Anyone has a suggestion what is the best way to achieve this right now?
BjoernRave
on 30 Jan 2020
Is there any update on this... really need the feature
yomi05
on 29 Mar 2020
@jpuri ANY UPDATES?
milkysingh
on 23 Apr 2020
Any update on how to implement table in react draft ?
DamilolaStem
on 14 Nov 2020
Is there any progress?
mauriciomutte
on 16 Nov 2020
I am also looking forward to it.
I am using the components available in plugin
draft-js-table-plugin to include them in my project.
tinhlv
on 14 Jan 2021
draft-js-table-plugin
@tinhlv looks good, do you have a guide for how to use draft-js-table-plugin
zhuhongyin
on 1 Feb 2021
@tinhlv same question as @zhuhongyin any guidance on how you got this to work as you showed in the image? Thanks for the help.
SangeetAgarwal
on 16 Feb 2021
No
On Tue, Feb 16, 2021, 14:24 Sangeet Agarwal notifications@github.com
wrote:
@tinhlv https://github.com/tinhlv same question as @zhuhongyin
https://github.com/zhuhongyin any guidance on how you got this to work
as you showed in the image? Thanks for the help.—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/jpuri/react-draft-wysiwyg/issues/323#issuecomment-780063741,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/ASPDIJPGOPYOJLSFF77UTLTS7LBADANCNFSM4DLMFPZQ
.
zackiieonebbad
on 16 Feb 2021
How can i use this
anandgautamvns
on 17 Feb 2021
Related issues
trongbang86
·
3Comments
sontek
·
4Comments
volkandkaya
·
3Comments
jpuri
·
4Comments
Pixelatex
·
3Comments
Most helpful comment
Hi @jasonfoy99 , thanks you liked editor project.
Its hard to use draft-js-table-plugin with react-draft-wysiwyg.
A way to achieve it would be create custom block renderer and custom toolbar button.
There are quite a few people who need it and it very useful feature. I am thinking of developing it - but it will be comparatively bigger task and since I am also busier these day - I can not promise how soon it will be ready.