WYSIWYG Quill editor integration

sledov

Hello,

This is my attempt to integrate Quill WYSIWYG editor into Flarum.

Please note that Quill is not based on markdown at all. And the ultimate goal is to provide real user-friendly rich text editing, and not just help with entering markdown tags.

Here is a screenshot:

Flarum Quill Extension Screenshot

I also set up a forum with this extension installed for you to be able to test it right away.

Link to testing forum

Detailed description is available in my blog.
Link to repository on github.

Installation:

composer require sledov/flarum-ext-quill

This is a proof of concept at this point. Since the editor replaces normal Flarum text editing area, probably you should disable BBCode and Markdown extensions.

Please let me know what you think about it.

Thank you.

FebriTriHarmoko

sledov great ...
i love it

clarkwinkelmann

xtremebasic that's totally expected.

sledov This is a proof of concept at this point. Since the editor replaces normal Flarum text editing area, probably you should disable BBCode and Markdown extensions.

It won't be compatible with any other extension adding features to the text editor / rendering. Including my emoji extension, flagrow upload, flagrow canned messages, flagrow fonts, bbcode tables, and many others.

ganuonglachanh

This is the long waited extension users are looking for, thanks ?

But I tested with my iPad and seem lag and crash on Chrome for iOS

Felli

ganuonglachanh That sounds more of a Quill issue, although I did find heading tag leakage for <h1>Heading 1</h1>.

Pollux

I just tested your demo installation.

Unfortunately, replying and quoting doesn't work anymore, though mentioning seems still possible.

AlexL

Hi Developers,

also I with my flarum-board I am always hot on new extensions. I have this Quill-Editor now under http://flarum.internetblogger.de/d/229-erster-test-des-neuen-quill-editors-in-flarum tested.

Unfortunately the final paragraph is added. How to fix this?

Otherwise, I still have BBcode active, so I can work with citations as normal.

Quotations and code-snippets would be welcome. Can you realize this also.

Thank you ever for your plugin work.

[deleted]

Hello!

I found an issue with this plugin. When enabled, the Emoji Picker plugin doesn't work. It doesn't show the picker button on the bottom toolbar anymore. ? Any fix?

sledov

[deleted] When enabled, the Emoji Picker plugin doesn't work.

No, sorry. There is no fix. Pretty much everything that deals with inserting stuff into textarea needs to be rewritten using Quill API.

silas_229

Heading 1 not working: http://prntscr.com/h6wrb0

FebriTriHarmoko

silas_229 just use

# Text
## Text

will be like

text

Pollux

FebriTriHarmoko

I guess, @silas_229 was talking about the Quill editor in @sledov's test forum (for the login credentials look at the original post).

Twiistrz

Not working on beta-7
My Extensions: http://prntscr.com/hceg3c
Error: http://prntscr.com/hcegaw

Twiistrz

Gonna Share this error:
https://prnt.sc/hcp3ma

TOWUK_ru

please update to version 1.3.4 in official github editor

gricelsepulveda

@sledov there's any other way to set up more format types in the quill's toolbar? I have been reading the documentation and I found this: https://quilljs.com/docs/formats/, I checked the toolbar's configuration in the extension folder and I couldn't find any prop related usefull for hidding or showing more buttons. I need the code blocks and code line buttons.
Perhaps I missed something? Is there any compatibility issue between Quill buttons and Flarum? thanks!

xtremebasic

Not working with flagrow's Upload

xtremebasic

clarkwinkelmann It won't be compatible with any other extension adding features to the text editor / rendering. Including my emoji extension, flagrow upload, flagrow canned messages, flagrow fonts, bbcode tables, and many others.

Thanks!

Kryonoglou

Awesome! Nice work!

MikeJones

The test forum loos down, anyone willing to share there's so I can check it out?