search

jpmorganchase / salt-ds

React UI components built with a focus on accessibility, customization and ease-of-use
https://www.saltdesignsystem.com
Apache License 2.0
132 stars 89 forks source link

Rich text Editor #4424

Open ANSHURANJAN1988 opened 2 days ago

ANSHURANJAN1988 commented 2 days ago

Description

HI Team, Almost all the application we are using rich text editor and we are dependent on third party library like react-draft-wysiwyg https://www.npmjs.com/package/react-draft-wysiwyg, quill, tinymce. Request that can we standardize one editor and put salt theme so it will be one place.

Expected behavior

we need below features minimum: Configurable toolbar with option to add/remove controls. Option to change the order of the controls in the toolbar. Option to add custom controls to the toolbar. Option to change styles and icons in the toolbar. Option to conditionally show hide toolbar. Support for inline styles: Bold, Italic, Underline, StrikeThrough, Code, Subscript, Superscript. Support for block types: Paragraph, H1 - H6, Blockquote, Code. Support for setting font-size and font-family and option to add custom types. Support for ordered / unordered lists and indenting. Support for text-alignment. Support for coloring text or background and option to add your own color values. Support for adding / editing links Support for mentions. Support for hashtags. Support for adding / uploading images. Support for aligning images, setting height, width. Support for Embedded links, flexibility to set height and width. Option provided to remove added styling. Option of undo and redo. support for copy paste from email, word documents, excel keeping same format in source document

Alternatives and examples

https://www.npmjs.com/package/react-draft-wysiwyg, quill, tinymce

Context

In ICM we are using rich text editor multiple places.

Are you a JPMorgan Chase & Co. employee?

origami-z commented 2 days ago

Salt will not provide components that wraps other major libraries. This may be a good candidate for pattern or internal BPI for another team to own. Setting priority to low.

ANSHURANJAN1988 commented 2 days ago

Above was my suggestion. Salt can create some sort of rich text editor so its ease to use for all who is using salt. Ag grid is also third party library.