loading...

re: I developed a block editor made by Vue.js VIEW POST

FULL DISCUSSION
 

Excellent work

Can this give output as json ?

How extensible it is ? How easy it would be to integrate other libraries like codemirror, other rich text editor(editorjs.io), Markdown editor etc ?

 

Thank you for your reply.

This library cannot output JSON directly, but I've made it possible to get structure data.
I have a demo here, so please check it out.
At the time of editing, if you check the console log, you will see the structure data output.

codepen.io/takitakit/pen/LKZgRY

 

Anything on my other query about it being extensible ?

Would it be easier to add existing markdown editor library or codemirror : codemirror.net/.

Basically I am thinking of using it is one of my note taking app, where I want to have some meta data on each block

A block can be -> canvas to draw, Math formula, Markdown, todolist, codesnippet, embeddable widget ... infinite possibilities.

On top of this I would like have some metadata at each block level e.g. tags, space repetition reminder, associated image , public/private flag.

I haven't worked with Vue, I will look into that and would like to contribute to this project.

This tool is an alternative to the WYSIWYG editor, and I created to make building HTML markup easier.
From the comments, it seems that your intended use is not limited to HTML.
The current functionality of this tool may not meet your needs, but internally, it holds structured data not HTML markup.
If you improve it, you may be able to create the desired function.

Code of Conduct Report abuse