WYSIWYG / Rich Text Editor

giter

Hari Thanks 😀

010101

huuduy216 running into an issue where the cursor automatically moves to the next line after selecting an emoji

This could be unrelated to the above, but it is similar. Can anyone else reproduce this?

Put editor in single line mode in user settings (so that when you press return there's a single line break). Type a sentence. Now, press enter twice. On the second enter it will automatically do an extra line break.

My theory is that there's JavaScript in place to force extra line breaks for certain scenarios such as getting out of a quote block. And, that is triggering in situations where it shouldn't trigger. Like with emoji and now with the single line space setting.

010101

Now I'm having a youtube embed problem. After deactivating this extension I could see that it added HTML type brackets around the URL. Something like this:

<youtube.com>

Also, when replying, if you try to open one of the menus on mobile (such as when adding H2) the menu doesn't appear.

It's sad because I love having a rich text editor but it's just a little too buggy right now to use in production. I'm still grateful @askvortsov made it and I'm sure it will be improved in the future. But for now, so long rich text. 😩

clarkwinkelmann

010101 <https://example.com/> is the official Markdown way to make a link that has the label and URL be the same, so I it's not an unexpected way to use Markdown.

https://example.com/ => https://example.com/ (Flarum native auto-link, always enabled)
<https://example.com/> => https://example.com/ (Markdown link, only with markdown extension)

Flarum should natively render those links the same way, as long as the Markdown extension is enabled.

010101

clarkwinkelmann

Ok, well that must not be the problem then. I don’t know why the YouTube url wouldn’t convert. After disabling this extension it converted to a video. Something’s not quite right.

010101

010101 Coming back to say that embeds seem to work fine for me these days. I assume my past issues were probably just other extension conflicts. Fingers crossed.

And to all extension devs: never change any extensions now so that there are never any conflicts again. Haha. 😆 Kidding.

wolfshards

Rich Text is a greate feature but is conflict with others extensions that make me disappointed about these problems. I hope there a fix for make Blog and others compatible.

One of my issue from Github: askvortsov1/flarum-rich-text4

ctml

wolfshards You can fix this with a little bit of css added to your style settings.

.Flarum-Blog-Composer .ProseMirror.FormControl.Composer-flexible.TextEditor-editor.Post-body{
    min-height: 250px;
}

iPurpl3x

Because @askvortsov is not available for any release right now, I forked this project and released some patches today.

Installation

composer require glowingblue/flarum-rich-text:v2.0.4-beta.1

This is released under the glwowingblue namespace, as @glowingblue is sponsoring this update!

Note 1:
Once my changes / fixes will be merged in the official repository, the glowinglbue fork will be deleted.

Note 2:
The beta tag is only used here so that the official repository can later release a v2.0.4 without interfering with this fork.

huuduy216

iPurpl3x great work! Is there a change log for this?

iPurpl3x

huuduy216 You can check my PR: askvortsov1/flarum-rich-text6

iPurpl3x

I just realized that this fork breaks translations and settings (and maybe other thing), because of the change of namespace... For that reason I will make another branch and tag another version that will use the original namespace.

To use this other version (it'll be v2.0.3.1) you will need to add the glowinglue git repository to your composer configuration.

wolfshards

That help. Thx, now the editor needs to be adjusted to not getting windowed.

ctml

wolfshards what do you mean by that, do you mean a vertical scrollbar? Can you share a screenshot?

wolfshards

Yes a vertical scrollbar and another bug about the editor is about that glitched the use of Rich text tools. Soo is hard to explain and the screenshots i can do.

ctml

askvortsov except indented codeblocks

Does this include indented lists? Or is there maybe some keyboard shortcut to use nested bullets in a list? Thanks!

wolfshards

Here the screenshots: https://ibb.co/X3RvwvX
https://ibb.co/pyWPNdy
https://ibb.co/Fq4mbyr

ctml

wolfshards

If you want to hide the horizontal scroll bar you can apply some css as well. However that's probably happening because you have a smaller screen width. You could also optionally use some css to make the page wider, I think flarum by default has 1100px width for large screens - on my forum I increased that slightly to 1200px.

.FlarumBlog-Article-Post .Post-body{
    overflow-x: hidden;
}

Larger width page

@media (min-width: 1200px) {
    .container {
        width:1200px !important;
    }
}

Scrooge

info

core:1.0.3
php 7.3.28
mysql:5.6.50-log
open the plugin and writting,can not scroll the post.

clarkwinkelmann

Scrooge I have merged your post into the extension discussion since it appears to be a problem with a specific extension and not Flarum in general.

Can you maybe share more details? Does it happen only when editing a post, or also when writing a new post or discussion?

ctml

Scrooge I can't reproduce that. Does it occur on every post or only under certain conditions? Do you have any custom css that could be interfering?

ash3T

Scrooge open the plugin and writting,can not scroll the post.

I encounter the same issue

If I turned Rich Text off, then everything the scroll show up again.

Not sure what shall I do next. The same situation happens for both chrome and Firefox.

ctml

ash3T

Scrooge

Ok I've got the same issue now... can't figure out what it is and if I add some custom css to add an overflow scroll-y it screws up the editors buttons. Did either of you solve it (ie. was there an extension adding some css that screwed it up?).

Scrooge

clarkwinkelmann
both!turn the plugin ON, while I was writing or edit post against it happening .But when I close the plugin than problem solving .

« Previous Page Next Page »