Feature: Rich editor for multiline text

[AztrexDX]

Hi,

Is there any plan to support text area with formatting options in future. For some use cases it would be useful to have it. Currently I integrated CK editor with nocodb. Apart from few css issues it was working well.

It would be helpful in case you can integrate some feature text editor with minimal configuration that could be customized by others as per needs. I tried editorjs, quill, draft, ck editor etc and ckeditor was fulfilling the requirement.

[o1lab]

We are exploring this aspect : idea was to support markdown as well.

[AztrexDX]

Yes, Rich Text Editor feature would be nice. I have tested that aspect as well. CkEditor can be configured to create normal line, html text and coloring also. Changing table-cell text rendering with v-html, markup text rendering was working good also.

[pranavxc]

We can add RichEditor as an abstract type in UI.

[AztrexDX]

Ok. Thanks for Info. Can you tell about in case you have decided you are going to use some library or custom implementation for rich text editor.

[pranavxc]

Ok. Thanks for Info. Can you tell about in case you have decided you are going to use some library or custom implementation for rich text editor.

We are not decided yet but you can suggest if you know something suitable 👍

[AztrexDX]

I have tried few rich text editor libraries 1- Froala Editor and TinyMCE are paid so currently not using in open source projects 2- Ckeditor - plugins are paid but core feature and library is free. Allows highlighting, custom configuration etc. Image upload adapters can be written to upload image to server and get link. One free simple adapter is provided by them. API are accessible so it is very extensible. Provides wrapper for Vue. 3- Quilljs - Similar to ckeditor but maintains support for last two browser versions only. Opensource. Need to write custom image upload plugin. 4- Summernote - Opensource and provides many basic functionality. Need to write custom image upload plugin.

Have used ckeditor mostly as it looked native, can support old browsers and documentation was good. UI looks better but only customizable with bootstrap I think.

There is syncfusion rich text editor also open source but free only to open source projects, upto some revenue limit and upto 5 developers.

[kemistep]

need Rich text editor ,this is very userfule;

[pranavxc]

I have tried few rich text editor libraries 1- Froala Editor and TinyMCE are paid so currently not using in open source projects 2- Ckeditor - plugins are paid but core feature and library is free. Allows highlighting, custom configuration etc. Image upload adapters can be written to upload image to server and get link. One free simple adapter is provided by them. API are accessible so it is very extensible. Provides wrapper for Vue. 3- Quilljs - Similar to ckeditor but maintains support for last two browser versions only. Opensource. Need to write custom image upload plugin. 4- Summernote - Opensource and provides many basic functionality. Need to write custom image upload plugin.

Have used ckeditor mostly as it looked native, can support old browsers and documentation was good. UI looks better but only customizable with bootstrap I think.

There is syncfusion rich text editor also open source but free only to open source projects, upto some revenue limit and upto 5 developers.

Thanks for sharing, we will try them and choose one which suited.

[v3ss0n]

I had tried multiple editors that listed before , they didn't integrated well in my expeirence. Traditional editors are very heavy in resources and very complex. Rich Text editing is not suitable for project like this. I recommend new generation markdown editors : https://github.com/writewithocto/octo it is inplace markdown editor and build for vue so could easily integrate.

[kemistep]

up this feature,very userful

[hosseinvand]

Please Add this feature. Notion supports this and it is the only feature I miss since migrated to nocodb.

[jokroese]

Hi @AztrexDX, can you outline how you integrated CKEditor with nocodb?

I would love to have a markdown editor in nocodb and until it's implemented, your approach looks like the best alternative!

[AztrexDX]

There is vue ckeditor wrapper. I created custom nocodb by including it and implementing it. It was for old version. Now nocodb uses new ui and implementation so it doesnt work now.

[Hernan-2017]

This would be really useful for me, I'm trying to migrate from SeaTable but not being able to use Rich Format text on LongText columns is making it hard, especially the lack of Code Blocks.

[cfab]

Hello, when can we expect this feature to be released ;-) ? Thank you.

[dstala]

will be available in our next release, expected by around end of this month

https://github.com/nocodb/nocodb/pull/7046