ui icon indicating copy to clipboard operation
ui copied to clipboard

Integrate markdown editor (WYSIWYG)

Open romaninsh opened this issue 6 years ago • 13 comments

I am generally against WYSIWYG editors that create pure HTML. They are old, buggy and can be used to inject HTML. Instead I prefer using Markdown.

https://github.com/sparksuite/simplemde-markdown-editor

This seems to be a great and user-friendly implementation to markdown entry. It would be nice to have a addon for atk UI which would support rich text entry through SimpleMDE.

romaninsh avatar Mar 22 '18 10:03 romaninsh

This fork seems more up to date: https://github.com/Ionaru/easy-markdown-editor

I agree that WYSIWYG HTML editors are heavy and buggy. Personally I've used them in the past because people are accustomed to them, while Markdown is much less popular and an everyday user won't necessarily understand why they get hashtags before their headings.

In my own CMS (which is now getting outdated) I've used WYSIWYG HTML editors very restrictively and only for basic things (bold/italic text, paragraph alignment, adding a link or list). That would be usually done through custom classes and not new markup except where required (for example lists). So it was working quite well and without problems.

I love the Markdown idea as a developer, but as a developer catering for his users I see that some of them might have problems to grasp the concept. I'm not against using Markdown but perhaps there are also minimal WYSIWYG HTML editors which can do the job right. I've seen some related discussions in Gitter so there might be project members who could contribute or give some information.

Regardless of Markdown or HTML editor, for new clients I would like to use ATK UI to build my next CMSs so I would need something that allows users to add bold, italic, a list, a link and all the really basic stuff.

So I'm all for a WYSIWYG textarea that will allow users to add such content.

acicovic avatar May 17 '19 20:05 acicovic

I've found the related discussion between @gowrav-vishwakarma and @PhilippGrashoff on Gitter, April 30. Guys, have you managed to create something that works well and that could become an add-on or a tutorial for those who wish to integrate such a solution?

Thanks!

acicovic avatar May 17 '19 20:05 acicovic

We need both - markdown editor for smart users and developers and HTML editor too for ordinary users who just want to paste in their text from Microsoft Word in html editor :)

DarkSide666 avatar May 19 '19 20:05 DarkSide666

Well, that would be great. If someone can, let's start with one of those so we can have the ability to add rich content.

The 30 April discussion mentioned https://summernote.org/ as the editor, it's a very simple HTML editor however it's bootstrap based. I'm sure we can find other alternatives if this one doesn't suit us.

If anyone wants to undertake this and there's something I can do, I am willing to help.

acicovic avatar May 20 '19 05:05 acicovic

We need both - markdown editor for smart users and developers and HTML editor too for ordinary users who just want to paste in their text from Microsoft Word in html editor :)

I agree and we are fucked :D but we need it.

abbadon1334 avatar May 20 '19 06:05 abbadon1334

Hi.

Yes I found its non bootstrap based version and it's working fine.

I'll update my working code as addon.

On Mon, May 20, 2019, 11:26 AM Alex Cicovic [email protected] wrote:

Well, that would be great. If someone can, let's start with one of those so we can have the ability to add rich content.

The 30 April discussion mentioned https://summernote.org/ as the editor, it's a very simple HTML editor however it's bootstrap based. I'm sure we can find other alternatives if this one doesn't suit us.

If anyone wants to undertake this and there's something I can do, I am willing to help.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/atk4/ui/issues/411?email_source=notifications&email_token=AAHWCU25V726BPXCJG7IMA3PWI4P7A5CNFSM4EW3KTKKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODVXYNSI#issuecomment-493848265, or mute the thread https://github.com/notifications/unsubscribe-auth/AAHWCU2UE364THKZL2OCEBLPWI4P7ANCNFSM4EW3KTKA .

gowrav-vishwakarma avatar May 20 '19 07:05 gowrav-vishwakarma

@gowrav-vishwakarma that's great news! Thank you!

acicovic avatar May 20 '19 07:05 acicovic

Well, CKeditor 5 supports HTML, but also Markdown with autoformat which is great.

Here's a screenshot which shows it in action: https://github.com/zadam/trilium/wiki/Text-editor#autoformat

acicovic avatar Jun 11 '19 18:06 acicovic

Well, CKeditor 5 supports HTML, but also Markdown with autoformat which is great.

Here's a screenshot which shows it in action: https://github.com/zadam/trilium/wiki/Text-editor#autoformat

i use it, is good and have a good license for small projects, but i think we need to orient on something more open.

i think CKEditor can be added as an addon.

abbadon1334 avatar Jun 12 '19 06:06 abbadon1334

i speak with a guy while i presenting ATK and he suggest me : https://alex-d.github.io/Trumbowyg/ I my opinion is the best candidate for our html editor, we can create a specific plugin for Markdown.

abbadon1334 avatar Jun 13 '19 05:06 abbadon1334

Sounds good to me.

acicovic avatar Jun 13 '19 19:06 acicovic

Work in progress: https://github.com/abbadon1334/atk4-trumbowyg

acicovic avatar Sep 03 '19 06:09 acicovic

I assigned @abbadon1334 because I know his Trumbowyg integration is quite finished.

PhilippGrashoff avatar Oct 17 '19 06:10 PhilippGrashoff