jpuri / react-draft-wysiwyg

A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
MIT License
6.41k stars 1.16k forks source link

draft-js-mention-plugin #1023

Open blind76 opened 3 years ago

blind76 commented 3 years ago

Hi

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

Tnx

Tom-Chang-star commented 3 years ago

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

Thank you.

abhijeetSingh-uta commented 3 years ago

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

Tom-Chang-star commented 3 years ago

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

On Wed, 30 Sep 2020 at 19:25, Abhijeet Singh notifications@github.com 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 .

abhijeetSingh-uta commented 3 years ago

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

Tom-Chang-star commented 3 years ago

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 notifications@github.com 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 .

abhijeetSingh-uta commented 3 years ago

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

Tom-Chang-star commented 3 years ago

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 notifications@github.com 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 .

DonikaV commented 2 years ago

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

olan-go2 commented 1 year ago

The mentions dropdown gets clipped on on overflow

Amedeo91 commented 9 months ago

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

caiodutra08 commented 6 months ago

deadge