WYSIWYG / Rich Text Editor

FBioCS1

ctml but once i swithed to preview mode, the dividing line will be changed to "---" 😅

ctml

FBioCS1 yeah, so you will have to save it as is in mrkdwn mode and not switch back while editing.

clarkwinkelmann

johnynla choices have to be made. I'm sure askvortsov did his research before choosing a library. Another extension could be created for a different editor.

I personally didn't know CKEditor could be used to edit Markdown. I see it's listed on their homepage, but I don't know since how long this has been possible. The library needs good extensibility to add WYSIWYG support to features like mentions.

Most WYSIWYG editors are based on HTML which would require changing how Flarum validates and stores post, and would break other extensions relying on our formatter API.

askvortsov

johnynla several reasons:

ckeditor is very large, which slows down page load time
I strongly dislike the ckeditor UI. I wanted something that could look like, and cleanly integrate into, Flarum
A big priority was customizability: this solution supports custom styles, as seen in the checkbox and markdown table extensions.
Flarum's markdown is actually Litedown, so a pure markdown editor (of which there aren't many) wouldn't work directly either.
As mentioned by Clark, I needed something that's compatible with the Flarum format, so it would work as a drop in editor for existing sites.

MikeJones

This does not show pictures uploaded correct?

askvortsov

MikeJones it should if they're uploaded as markdown images.

ctml

MikeJones it does not show any preview if using fof/upload, I assume because this is using a custom markdown tagging structure.

[upl-image-preview url=imgurl.com/pic.png]

However the editor will show the image when using the normal image markdown format.

![](imgurl.com/pic.png "my img")

MikeJones

johnynla no problem here, just asking a question on how it works

MikeJones

ctml it does not show any preview if using fof/upload

bummer thats what I was looking for...

ctml

MikeJones sorry looks like I was partially wrong. For fof/upload you can set a different upload adapter mapping and its even possible to add your own, there only used to be a few options and I was going off that outdated knowledge I had of the adapters that were provided out of box. Looks like in one of the more recent extension updates, they did add the standard markdown image template as an option

You would have to switch your adapter to this. The one minor bug is that the rich text editor doesn't render that preview right away and shows you the raw text markdown, you actually have to toggle the preview on/off in the editor to refresh it (so it does work). Could probably open an issue in the GH repo for askvortsov to review next update to this extension.

askvortsov

ctml probably open an issue in the GH repo

Please do!

Hari

askvortsov could you push the pending updates 😍

askvortsov

2.1.0

Fixed translation bug

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.

askvortsov

huuduy216 I'm not getting this with autosave. Are you clicking the button manually?

Another possible conflict with emoji picker.

Clicking outside of the editor will reset the cursor position, because when you click back onto the editor, it sets the cursor to where you click. If you're getting a different error, could you record a video?

ash3T I encounter the same issue

Which version are you using? Do you have any custom CSS? And is there a live site where I could test this?

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?).

huuduy216

I think this extension and FoF draft ate conflicting with each other. Everytime the draft get saved, the cursor is reset to the beginning.

huuduy216

Another possible conflict with emoji picker. When I pick an emoji, the cursor automatically reset to the beginning.

huuduy216

askvortsov I am clicking on the button manually. Also, none of the button works as well. It used to work with clicking before right? Would not be a very pleasant experience for user to have to memorize all the short key. You can check out my forum at www.talkie.vn

huuduy216

huuduy216 none of the button works as well.

this seems like it because the cursor got reset as well. Anyone else running into this problem?

gReg0r

Using the mentioned Checklists extension I notice that I'm not able to interact with checkboxes inside the Rich Text Editor. I'm only able to check or uncheck these boxes after I created a post.

Is this something that should be possible? (Problem in my installation.) Or is this something that is not possible?

« Previous Page Next Page »