Not Inserting text

[quill-mention]

Not Inserting text

[crazypenguinguy]

It looks like my problem was due to using the Formats Whitelist with react-quill, I added mention to this list. The solution was given in issue #78

Editor.formats = [
  'header', 'font', 'size',
  'bold', 'italic', 'underline', 'strike', 'blockquote',
  'list', 'bullet', 'indent',
  'link', 'image', 'video', 'mention'
]

[just-Bri]

I'm now having this issue, nad have added mention to the formats list:

<ReactQuill
  theme="snow"
  value={quillValue.text}
  onChange={(e) => setQuillValue({ text: e })}
  modules={{ mention: mentionModule }}
  formats={[
    'header',
    'font',
    'size',
    'bold',
    'italic',
    'underline',
    'strike',
    'blockquote',
    'list',
    'bullet',
    'indent',
    'link',
    'image',
    'video',
    'mention',
  ]}
/>

And here is my current mentionModule:

  const mentionModule = {
    allowedChars: /^[A-Za-z\s]*$/,
    mentionDenotationChars: ['@'],
    source: (searchTerm: string, renderList: (data: any, searchText: string) => void) => {
      const mentionsToList = atValues.filter(
        (av) => av.value.toLowerCase().indexOf(searchTerm.toLowerCase()) > -1
      );
      if (mentionsToList.length > 0) {
        renderList(mentionsToList, searchTerm);
      }
    },
  };

Was kind of a pain getting it to work typescript but I got there.
Anyone have any suggestions?

[nemmons]

I have the same issue using quill-mention with VueJS using the sample config from the readme: https://gist.github.com/nemmons/a18674264984c07afed8d1430fcb0c60

[xrado]

same here

[MadSpindel]

How are you defining the modules in react-quill?

[crazypenguinguy]

I probably should have attached the file to begin with.
Editor.txt