[feature request] Add HTML support and a WYSIWYG HTML editor

[gynet]

Besides markdown, it would be awesome for adding support for HTML with a WYSIWYG HTML editor to Boostnote. It would bring more choice and flexibility. Also, it would be helpful for integration with web clipper or copy any other

[pfftdammitchris]

Draft.js is a great editor for this. I had spent a great time with it in the past and there is a high learning curve with it so it is a high risk and may take weeks/months to implement correctly to a production-ready boostnote integration if going further than implementing the basics (bold, italic, etc). But once you get the hang of it it becomes a really really powerful editor. I had to read through the official docs over 30 times and there is understandably lack of documentation and tutorials out there for this editor.

[libeanim]

Another option would be Quill.js which provides a lot of features and seems easy to use.
But Draft.js is specifically designed for react, so probably easier to integrate / maintain. 👍

[Rokt33r]

I've tried all of them. But, the data format are quite different between all of them.

• Draft.js doesn't support nested block. So, you cannot create nested list with Draft.js.
• Quill also has a different format which keep delta.

Personally, I don't want to choose Draft.js because it is quite buggy.(My previous company was using it. So, I'd been using Draft.js for several months.)

Yes, all format can be exported as HTML, but compatibility should be very fragile.

And, Prosemirror is also well-written library. But, it doesn't have syntax highlight.

But, to be honestly, I don't want to bring any of them to Boostnote.
Extending markdown parser and compiler is quite easy for me. But, extending a wysiwyg editor is extremely difficult. If we choose one, we probably lose customizability.
So, I'm going to try making another editor like Quiver. So, users can edit a note by block. It is not WYSIWYG, but I believe it could provide similar experience.

But, I don't want to say we won't fix this problem.
I'm currently thinking some kind of an universal DB and app structure so any format of note can be available if the user install some plugins.
So, we probably create another app which supports various wysiwyg editor.

[gynet]

Summer note is also an option. https://github.com/summernote/summernote
I would agree with having a plugin system to bring more possibility and keep the customizability to Boostnote, and I also like the idea to have a universal DB!

It would be very nice to have some official plugins first, then as everything goes well, the community could come up more.

[Rokt33r]

It would be very nice to have some official plugins first, then as everything goes well, the community could come up more.

Definitely. 😎 😎 😎

[liuhoward]

a good web clipper: https://github.com/mika-cn/maoxian-web-clipper/

[gynet]

Any update on this?

[karstenpe]

I've tried all of them. But, the data format are quite different between all of them.

But, I don't want to say we won't fix this problem.
I'm currently thinking some kind of an universal DB and app structure so any format of note can be available if the user install some plugins.
So, we probably create another app which supports various wysiwyg editor.

This is such a pity. I thought, boostnote could be the perfect successor for Livewriter, it is open source, built upon electron (which I like very much) and can post to wordpress. Support for pasting images is great and it seems to be very robust. However "downgrading" to markdown does not look like an option for me. "Editing" tables really hurts. Of course I understand the constraints with the data format. Maybe it is o.k. to transform even tables from a JS wysiwyg editor to markdown. Personnaly I would not need "advanced" table features that cannot be expressed in markdown.
What do you think?

[Flexo013]

Adding some sort of easier table editor would be nice. It could be added as an option in preferences. Similar to how we currently have the 'smart table editor' option that aids in table editing.