nodebb-plugin-composer-quill: WYSIWYG alternative to redactor

[gabrielperales]

@Per0x I had the same issue, I just went to nodebb/node_modules/nodebb-plugin-composer-quill and I executed npm i there. I imagine this is not the best solution, I could make it work. I hope it can help you.

[Per0x]

@gabrielperales Thank you ! It also worked for me.

[Per0x]

Re-tested today on new fresh updated install. (1.13.3)

It works like a charm with my others plugins. It's just missing the ability to change the fonts and it'll be perfect. Nice work!

[julian]

@Per0x I don't think Quill has the ability to change fonts out of the box, no?

[Per0x]

@julian I have no idea, it's just that when I went to quilljs.com, I saw that it was possible in some exemples on the demo home page, and I thought it was very nice.

[julian]

@Per0x Ah yes indeed, it does look like you can choose fonts with Quill... well perhaps I will add it

[Per0x]

I did notice a few bugs, but they are not very annoying though. (NodeBB docker: latest v1.13.3 / composer-quill: 1.2.1) Edit: composer-quill v1.2.8

• When editing an existing post, if I undo the modification it suggests deleting the post instead of proposing "cancel" (it doesn't delete it)

• The chat mode doesn't work anymore (I wasn't using it, it's always disabled on my instance).

• Sometimes the emoji button does not appear for a new topic.

• When the emoji button appears, emojis can only be added by drag and drop in the text. (I don't know if this is the normal behavior)

• The hypertext urls links already present in posts before quill migration are no longer hypertext links. (not really a bug since it comes from Quill, I assume.)

• I can't undo full screen mode without leaving the composer.

• The text that proposes to write tags of a new topic is truncated in others languages.

[julian]

@Per0x thanks for reporting! Those are definitely some "paper cuts" that will need fixing

[julian]

@Per0x emoji, actually... Shouldn't have a button at all. Emoji doesn't bind a listener to the formatting bar in a way Quill can read, so the toolbar button should actually be gone are you using the latest version?

[Per0x]

@julian I think so. I installed everything yesterday, under docker (pull tag latest on saturday 23rd may) and ran "npm i nodebb-plugin-composer-quill" the same day in version 1.2.1. However I see that a new docker image (latest) was added 7 hours ago on docker hub. I just need to point out that I've restored a redis backup for the database.

[Per0x]

@julian I do an update and what do I see? Fonts!
Nice! You were fast.
Thank you.

[julian]

Heh, no worries.

The recommended way of inserting emoji would be to type :. I think a GUI picker would be nice, but the emoji plugin does not make it dead simple yet

[Togan]

Don't have poll button, tags menu and switch category menu in composer.
NodeBB v1.15.0

[julian]

Hi @togan, I've actually worked on getting the poll plugin compatible with latest Quill. It should be working fine with the latest poll version (v1.1.2)

[torn2]

@julian said in nodebb-plugin-composer-quill: WYSIWYG alternative to redactor:

Hi @togan, I've actually worked on getting the poll plugin compatible with latest Quill. It should be working fine with the latest poll version (v1.1.2)

Why isn't quill the default composer here?

[Kagarino]

Some problems I've discovered after using Quill on my forum for a week:

1. Doesn't work on Safari; the text area is not clickable, fixed by

.composer {
  -webkit-user-select: auto;
}

Safari doesn't support user-select property, it needs to be set with -webkit- prefix to override -webkit-user-select: none which is defined earlier in CSS.

---

2. Automatic conversion of pasted links into <a href> works well, but it's not compatible with nodebb-plugin-youtube-embed, it strips the link of www for some reason (like for youtube links which by default are copied with it), so <href> and the text in the composer are not identical, but even if they are identical the plugin can't transform the link into an iframe. If I simply remove the autogenerated link and make it manually via the composer button all works just fine.

---

3. When quoting using markdown (Quote button) I have

Username said in thread_name:

quote

It doesn't happen when I'm using Quill, only the actual quote is pasted into the composer. Is this an expected behavior or a bug?

[Minh Nguyen]

Hi @julian i'm having a trouble with Quill on 1.13.3. It doesn't show any components, any ideas? Thanks.

[volanar]

Hello. Quill does not work with private chat messages by default. Do you have any settings for adding quill to the chat? Or does quill only work with topics?

[julian]

@volanar private chat messages? What do you mean?

Quill does actually work with chat, although sometimes the editor doesn't load maybe that's what you're seeing.

I can take a look possibly...

[julian]

@volanar The quill composer does actually work in the chat. The toolbar is actually just hidden

You can expose it by highlighting text: