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

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)

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:

volanar

@julian Thanks. I didn't expect it to work like this. I will check the usability on mobile devices

julian

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

I didn't expect it to work like this. I

Me neither! I re-discover it every time someone asks me about it

torn2

@julian Why do you not use it here as the default?

julian

@torn2 we officially support both but the default composer is default because the Markdown composer is a good low-resource (but high functionality) base composer for all NodeBBs.

Not all communities want or appreciate a WYSIWYG composer.

Also, I like Markdown

nhl.pl

Quill 2.0 has been released.
https://slab.com/blog/announcing-quill-2-0/

Announcing Quill 2.0 - Knock Down Silos by Slab

Running weekly updates of every small improvement and bugfix to Slab that miss the headlines.

(slab.com)