TopicFriends icon indicating copy to clipboard operation
TopicFriends copied to clipboard

Integrate rich text editor and uploading of images into TF for Meetings and User Profile (Description)

Open karol-depka opened this issue 7 years ago • 12 comments

For:

  • meeting descriptions
  • later: user profile

karol-depka avatar Mar 26 '18 16:03 karol-depka

I think we should use this (already tested and looks fine): https://github.com/KillerCodeMonkey/ngx-quill

moi-j avatar Mar 26 '18 17:03 moi-j

Notes from the vid-chat and plan forward: Find existing lib image upload / rich-text-editor Open Source with good GitHub statistics. At least as good as NGXS but 10 times smaller. Active in last month and so. SVG support. Copy Paste from clipboard.

RichText editors with images upload. Look in PrimeNG and Angular Material.

Ionic and mobile or angular compatible. @mjimenezmartin Makes a list of candidate libs/components for Sat/Sun

karol-depka avatar Jun 06 '19 20:06 karol-depka

I think we should use this (already tested and looks fine): https://github.com/KillerCodeMonkey/ngx-quill

@mjimenezmartin as You said, https://github.com/KillerCodeMonkey/ngx-quill could be a good candidate. Please add to the comparison spreadsheet and see how well it works with ionic 4+

karol-depka avatar Jun 06 '19 21:06 karol-depka

@mjimenezmartin and @noviodelangel please create an empty Ionic 4+ projects in its own public repo, and put the various rich editors (each one in separate ionic+angular app, so deps are seen clearly) as a showcases. You Guys can split the work, take ~3 external libs per-person and experiment with them. We can then share the comparison/showcase with the world. Thanks.

karol-depka avatar Jun 06 '19 21:06 karol-depka

On all interesting repos You find, please star them and press "watch releases" on github, so we are all up to date.

karol-depka avatar Jun 06 '19 21:06 karol-depka

Here is the sub-part specific to images: https://github.com/TopicFriends/TopicFriends/issues/186 , but first we try to find a nice powerful rich-text-editor which has image upload support as well.

karol-depka avatar Jun 06 '19 21:06 karol-depka

Let's check https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html (thanks Javier for reminding)

karol-depka avatar Jun 09 '19 14:06 karol-depka

If no multimedia (images, etc) is required, StackOverflow's editor might be another option https://github.com/StackExchange/pagedown

javiermolina1234 avatar Jun 09 '19 15:06 javiermolina1234

ionic4 demo for ngx-quill (thx Moi for pointing to it) : https://github.com/KillerCodeMonkey/ngx-quill-ionic-v4

karol-depka avatar Jun 09 '19 15:06 karol-depka

@ mentions in quill - https://github.com/afconsult/quill-mention ( linked from https://github.com/KillerCodeMonkey/ngx-quill )

karol-depka avatar Jun 09 '19 18:06 karol-depka

Editors were tested in : https://github.com/TopicFriends/RichTextEditors

karol-depka avatar Jun 09 '19 23:06 karol-depka

If no multimedia (images, etc) is required, StackOverflow's editor might be another option https://github.com/StackExchange/pagedown

Thanks. Well, we do require images and WYSIWYG :).

karol-depka avatar Jun 10 '19 23:06 karol-depka