Add variety of different types of formats about novel HOT 14 CLOSED

I would love to create the Notion-like table. you can assign me to this issue.

The CodeBlock, BlockQuote, HorizontalRule are not listed on the selectors that's why I thought those are not implemented yet.

from novel.

Hey @steven-tey 👋

I created the Table format and implemented it in the editor, now I want feedback from you to before making the pr-request

I have added:

• Adding & deleting Column
• Adding & deleting Row
• Delete Table
• A mune for the table

from novel.

After thinking about the first approach, I think I'm not so happy with it. I would prefer a more context-aware table like e.g. Figma Tables (The icons would be also simpler)

https://github.com/steven-tey/novel/assets/87228994/1d56ed93-f06f-413b-b63a-0d05816db5eb
(The table column delete in the video is happening with keyboard shortcut)

What do you think?

from novel.

@mmailaender that one looks incredible! Similar concept to Notion's implementation, which I really like

Would be incredible if we can implement that in Novel!

from novel.

@ashrafchowdury thanks for checking – definitely the first one! Let's use the simple table in Notion as reference :)

from novel.

Quick update: Codeblock and blockquote have been added to slash menu in #35

from novel.

@steven-tey, @ashrafchowdury some suggestions for the icons:

If you like them, I provide the SVG code.

from novel.

I can add more useable formats to the editor, if you like the idea you can assign me to do this work.

from novel.

CodeBlock, BlockQuote and HorizontalRule are actually all supported!

Would love to add tables though – feel free to PR! You can use Tiptap tables as reference but would love to make it have a similar UX as Notion's tables (hover to add rows/tables)

from novel.

Hey @steven-tey a quick question for you, I have to table design mockup for the editor, which one do you think is the best for users 👇

This is clean and very much user-friendly.

This is a bit complex and requires a lot of functionalities.

from novel.

@ashrafchowdury looks incredible 🤯 only thing I can think of is the icons might not be clear enough 😅

Also, would it be possible to rearrange the columns?

Feel free to go ahead and add that PR and we can iterate on this!

P.S.: what does "a mune for the table" mean?

from novel.

@mmailaender we are using the lucide icon library for the project icons 👍

from novel.

@mmailaender we are using the lucide icon library for the project icons 👍

Except from the first icon they are self crafted, because we had the same situation that @steven-tey talks about, that e.g. the lucid icons don't have expressive icons for table.

from novel.

That looks really clean & awesome 😘

If we wanted to add that type of table then we have to spend a bit of time to build it from scratch.

from novel.