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

Per0x

@almond I have the same issue with v1.1.1 and NodeBB 1.12.2

julian

Have you tried running ./nodebb build? Please let us know how you installed the plugin (via npm?)

Per0x

Yes I did ./nodebb build before restart. I also tried without, and different combinations.
I tried to install the plugin with the plugin manager, and also with "npm i nodebb-plugin-composer-quill" on a fresh NodeBB install in Docker.

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:

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.

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.

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.
![alt text]( image url)