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

draft-js-mention-plugin

Open blind76 opened this issue 4 years ago • 11 comments

Hi

will this plugin will be available or is there any way to use dynamic mentions and search?

Tnx

blind76 avatar Sep 23 '20 12:09 blind76

I also have this issue. I would like to add multiple mentions for (@, #, etc). But how can I add this plugin?

Thank you.

Tom-Chang-star avatar Sep 25 '20 02:09 Tom-Chang-star

Mentions are already available. Check the 8th demo. https://jpuri.github.io/react-draft-wysiwyg/#/demo

abhijeetSingh-uta avatar Oct 01 '20 02:10 abhijeetSingh-uta

But is it possible to make the hashtag to support the auto-suggestion?

On Wed, 30 Sep 2020 at 19:25, Abhijeet Singh [email protected] wrote:

Mentions are already available. Check the 8th demo. https://jpuri.github.io/react-draft-wysiwyg/#/demo

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/jpuri/react-draft-wysiwyg/issues/1023#issuecomment-701755668, or unsubscribe https://github.com/notifications/unsubscribe-auth/AQATC25AIKDTUJKBSTQTMJLSIPSCZANCNFSM4RW7LEYQ .

Tom-Chang-star avatar Oct 01 '20 14:10 Tom-Chang-star

Yes. You can change it in "trigger" codesandbox link

abhijeetSingh-uta avatar Oct 01 '20 20:10 abhijeetSingh-uta

Thank you. But I tried, this. But I mean that @ and # both are working that way. I want to make the @mention to link to the user profile and #hastag link to the product page with auto suggestion. Please let me know if this is possible.

On Thu, 1 Oct 2020 at 16:29, Abhijeet Singh [email protected] wrote:

Yes. You can change it in "trigger" codesandbox link https://codesandbox.io/s/eloquent-fermi-drxx0?file=/src/draftEditor.js

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/jpuri/react-draft-wysiwyg/issues/1023#issuecomment-702379640, or unsubscribe https://github.com/notifications/unsubscribe-auth/AQATC225FAY2U6OKPTQDWR3SITRDRANCNFSM4RW7LEYQ .

Tom-Chang-star avatar Oct 02 '20 03:10 Tom-Chang-star

I don't think autosuggestions for multiple "mentions" are possible. The mention prop allows suggestions but the hashtag prop doesn't. draft-js-mention-plugin does have a pull request with multiple triggers which can help with your problem https://github.com/draft-js-plugins/draft-js-plugins/pull/1419

abhijeetSingh-uta avatar Oct 08 '20 22:10 abhijeetSingh-uta

I thought so. So I replace the editor with draft-js-plugins-editor and implemented that functionality. Thank you so much.

On Thu, 8 Oct 2020 at 15:04, Abhijeet Singh [email protected] wrote:

I don't think autosuggestions for multiple "mentions" are possible. The mention prop allows suggestions but the hashtag prop doesn't. draft-js-mention-plugin does have a pull request with multiple triggers which can help with your problem draft-js-plugins/draft-js-plugins#1419 https://github.com/draft-js-plugins/draft-js-plugins/pull/1419

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/jpuri/react-draft-wysiwyg/issues/1023#issuecomment-705847526, or unsubscribe https://github.com/notifications/unsubscribe-auth/AQATC25FUOSY3FBUVJ2RJU3SJYZNLANCNFSM4RW7LEYQ .

Tom-Chang-star avatar Oct 09 '20 14:10 Tom-Chang-star

It is possible to have images in mention? Like here https://www.draft-js-plugins.com/plugin/mention

DonikaV avatar Nov 11 '21 12:11 DonikaV

The mentions dropdown gets clipped on on overflow

olan-go2 avatar Feb 04 '23 01:02 olan-go2

Hey there, I created a PR for that: https://github.com/jpuri/react-draft-wysiwyg/pull/1408/files

Amedeo91 avatar Dec 03 '23 10:12 Amedeo91

deadge

caiodutra08 avatar Feb 22 '24 19:02 caiodutra08