react-draft-wysiwyg icon indicating copy to clipboard operation
react-draft-wysiwyg copied to clipboard

HTML Table support

Open jasonfoy99 opened this issue 8 years ago • 31 comments
trafficstars

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 avatar May 15 '17 12:05 jasonfoy99

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 avatar May 15 '17 15:05 jpuri

Understood. Thank you for your quick reply.

jasonfoy99 avatar May 15 '17 16:05 jasonfoy99

Any progress on this?

crazywako avatar Sep 22 '17 10:09 crazywako

Any progress?

bevinhex avatar Dec 24 '17 22:12 bevinhex

Is there any progress?

epozsh avatar Jan 08 '18 22:01 epozsh

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 avatar Jan 12 '18 12:01 tomkiss

Yep! That bigger feature. I need it :(. I hope @jpuri will resolve it .

tanmynguyen avatar May 01 '18 11:05 tanmynguyen

@jpuri do you want me to build a PR for this because I would like to see this as well.

couturecraigj avatar May 15 '18 12:05 couturecraigj

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 avatar May 15 '18 12:05 jpuri

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 [email protected] 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 avatar May 15 '18 12:05 couturecraigj

That wounds good 👍

jpuri avatar May 15 '18 17:05 jpuri

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 [email protected] 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 avatar May 20 '18 12:05 couturecraigj

Hi,

Any update on this? I really need this plugin or way to use table in the editor.

wliadmin avatar Dec 12 '18 09:12 wliadmin

Anyone has a suggestion what is the best way to achieve this right now?

BjoernRave avatar Jan 30 '20 18:01 BjoernRave

Is there any update on this... really need the feature

yomi05 avatar Mar 29 '20 04:03 yomi05

@jpuri ANY UPDATES?

milkysingh avatar Apr 23 '20 20:04 milkysingh

Any update on how to implement table in react draft ?

DamilolaStem avatar Nov 13 '20 23:11 DamilolaStem

Is there any progress?

mauriciomutte avatar Nov 16 '20 14:11 mauriciomutte

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. Screen Shot 2021-01-14 at 14 40 58

tinhlv avatar Jan 14 '21 07:01 tinhlv

draft-js-table-plugin

@tinhlv looks good, do you have a guide for how to use draft-js-table-plugin

zhuhongyin avatar Feb 01 '21 07:02 zhuhongyin

@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 avatar Feb 16 '21 19:02 SangeetAgarwal

No

On Tue, Feb 16, 2021, 14:24 Sangeet Agarwal [email protected] 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 avatar Feb 16 '21 20:02 zackiieonebbad

How can i use this

anandgautamvns avatar Feb 17 '21 03:02 anandgautamvns

Hi... I want to use table in the rich text editor.. is there anyway to use table.. please let me know

mmpatel78 avatar Apr 28 '22 12:04 mmpatel78

Any updates on this?

sandstone991 avatar Aug 22 '22 10:08 sandstone991

I daresay we aren't seeing any update to this repo any time soon.. table-seekers seek elsewhere.

razlani avatar Oct 04 '22 04:10 razlani

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. Screen Shot 2021-01-14 at 14 40 58

Its just on Image for this screenshot I think

majadul1989 avatar Oct 28 '22 01:10 majadul1989

Any updates on this?

caoss avatar Jan 29 '23 06:01 caoss

any updates ?

sinyorre avatar Jul 04 '23 13:07 sinyorre

any updates ?

qzw881130 avatar Oct 24 '23 14:10 qzw881130

Is there any progress?

QiaoLi1996 avatar Nov 22 '23 07:11 QiaoLi1996