markdown render

mariasx

Hi
I found this beautifull php file manager. I found topic from 2022 about markdown render and two windows side by side but it looks like it was not implemented.
Is it planned? Definitely will think about buying license

thanks

Karl

mariasx Thanks for bumping the request for a built-in markdown editor. I will definitely consider implementing this in the near future, although I can't currently give you an exact date of implementation.

mariasx

Karl Hi Karl. I hope you're doing well. I just wanted to kindly follow up on the markdown render feature we discussed last month. Could you please let me know if you have an estimated timeframe for when it might be completed? Thanks in advance

mariasx

Wau. Thanks for the reply. I will definitely wait.

Please, think about picture with relative path:

Thank you very much

Karl

mariasx Please, think about picture with relative path:

I'm not sure what you mean ...

mariasx

Karl

In this article https://forum.files.gallery/d/232-render-markdown-files/6 you mentioned

A potential problem in markdown previews, is relative links (for example links or images). Relative links would be relative to the Files gallery url of course, which could be wrong

So I pointed out about my big need to have picture support implemented. If I upload picture.jpg in my hosted Files.Gallery to subfolder "data" and create note.md than this code should be enough to display picture.jpg in rendered file.

Here is a code

![alt](data/picture.jpg)

Karl

mariasx Yes, if you want previews to show images and links with relative paths, load paths must be configured somehow so they are relative to the current folder. I would imagine this should be possible from the config in various markdown editor plugins.

Thanks for clarifying.

mariasx

Karl Wau. I can't wait to see it.

I am moving my notes from Evernote to markdown self hosted solution and till today I did not found solution running on PHP

Karl

mariasx I'm currently working on updates to the Files modal popup, and I might therefore be able to implement a markdown editor while I'm at it. As I'm sure you will understand, I don't intend to write my own markdown editor from scratch. Therefore, we are limited to the available Javascript markdown plugins available, some of which may be too complicated, and some which have missing features. I would have preferred to keep it as simple as possible, with just an input editor with side-by-side preview, but I don't know if that even exists.

This is pretty much what I can find:

Cherry Markdown Github
Looks great, but very complex, very heavy and docs in Chinese.
https://tencent.github.io/cherry-markdown/examples/index.html

Tui Editor
Complicated, but might be an option.
https://ui.toast.com/tui-editor

TinyMDE
Simple, but doesn't seem to have preview mode or side-by-side view.
https://jefago.github.io/tiny-markdown-editor/

easy-markdown-editor Github
Not too complicated, and has side-by-side view with scroll synch. Might be the best option.
https://stackblitz.com/edit/easymde?file=index.html

Showdown website
Looks pretty good, but doesn't have scroll synch.
http://demo.showdownjs.com/

mariasx

Karl thanks for quick reply. I don't have licence but it looks like editor already support highlighting. My only expectation is to have an eye icon to switch from edit mode to view mode, so I can browse rendered MD files and pencil icon to swith to edit mode so i can edit MD files. Second expectation is support for relative path for attached images. It would be nice to have in editor toolbar ribbon with H icon for input headline, B icon to insert **** for bold text etc. Mardown formating is easy to ready so Wysiwyg editor is not necessary. Input editor with side-by-side preview is not necessary as well. Thanks a lot.

Karl

mariasx it looks like editor already support highlighting.

Yes, but this is just CodeMirror markdown syntax highlighting. It can't render or preview Markdown.

mariasx switch from edit mode to view mode, so I can browse rendered MD files and pencil icon to swith to edit mode so i can edit MD files. Second expectation is support for relative path for attached images.

At minimum, this requires a markdown renderer, and an interface to toggle preview on/off. Since we need a separate solution for this in the first place, I will need to consider the best solution. I might look into it for next release, if it doesn't get too complicated.

Karl

I changed my mind a bit. Although a solution like TUI Editor looks nice, it is also bloated (~ 500kb) and offers features we don't really need. Furthermore, because it creates it's own editor element and uses it's own CSS, it doesn't really fit nicely into Files Gallery.

Instead, I will just use marked.js and build my own interface to preview markdown. We already have markdown syntax highlighting with CodeMirror, and don't really need a new interface for this. Also, half the point of markdown, is that it's easy to write, so we don't strictly need an editor toolbar either. I am looking to include the following:

Markdown toggle preview button
Paths relative to current Files Gallery folder when in relative format img.jpg ./img.jpg ../img.jpg
Side-by-side live preview when in fullscreen mode (I personally find this very useful)

mariasx

Karl Hi Karl. I’m just wondering when I can expect this feature — in the upcoming release or the next one? Thanks for your effort.

mariasx

Fantastic. I am looking forward to it

Karl

mariasx Upcoming release, within a couple of weeks.

ABUHUNDI

Karl Great @Karl
Can you please tell what other features will be added in upcoming update

mariasx

Karl This is looking great. Thank you.

Karl

ABUHUNDI Can you please tell what other features will be added in upcoming update

New modal features and improved modal design
Markdown preview/editor
Automated cache management
A few other minor features and bug fixes