Integrate Toast UI Editor for Markdown

Styled:

Closes #145 (closed)

added statusdiscussion typefeature-request ui workflowinternships labels

assigned to @mmladenov

Disable analytics!

added 5 commits

• d63809c9 - Add toastui js and css
• 32ea005c - Add toastui initialization js
• a449a986 - Improve toastui js
• aaa35a6a - Replace generic project form markdown area with toastui
• ee5fcaab - Reformat code

Compare with previous version

changed the description

removed statusdiscussion label

@taicoaerts Currently, the toastui (WYSIWYG editor) JS and CSS are simply downloaded and included from the assets folder, not via npm. I tried to do it using yarn, as we discussed in the meeting, (see cf105b08 and 32a34455 (on another branch)), but I ran into issues with dependencies - the editor has dependencies which also need to be included (which themselves have even more dependencies, and so on...). With the tool we currently use to manage javascript files (Sprockets) it doesn't seem to be possible to automatically resolve and include the dependencies too. To do that, we would need to switch to using something more advanced like Webpack, perhaps Rails' WebPacker (which, however, will no longer receive anything other than security updates as of Rails 7).

added 1 commit

• 2f651167 - Disable toastui telemetry

Compare with previous version

marked this merge request as ready

changed title from Draft: Resolve "WYSIWYG Editor" to Integrate Toast UI Editor for Markdown

marked this merge request as draft

added 3 commits

• 010e21fc - Remove debug code
• c8e4fe12 - Add toastui to internship form
• 29fab898 - Add toastui to project proposal template

Compare with previous version

added 14 commits

• c7aef23f - Change table styling
• 1261d14f - Rename class from toastui-editor to toastui-editor-init to avoid conflicts
• 97ff5f96 - Add height to initializer
• ae37c927 - Add markdown editor to admin theme form
• abe00d81 - Add markdown editor to admin project form
• 8a26003e - Add markdown editor to admin generic project form
• d97d3bce - Add markdown editor to admin internship form
• 76f4bf17 - Add markdown editor to admin research group form
• bf5c58e5 - Add markdown editor to admin thesis project form
• e668f9d3 - Add markdown editor to admin experiment project form
• 976e13bf - Delete _markdown_preview.html.erb
• 27849d9f - Remove markdown preview endpoint
• 4836093f - Remove markdown preview assets
• 28871fbb - Add markdown editor to course edit page

Compare with previous version

Disable pasting images

Save markdown text to output field before destroying editor so that the changed text gets retained when navigating away pressing back.

Look into changing the style to be similar to the current style

Update rendering to use toastui as well

added 15 commits

• 28871fbb...be43b27f - 5 commits from branch development
• eee54c18 - Merge branch 'development' into 145-wysiwyg-editor-2
• 103122b0 - Disable base64 images in toastui editor
• d9b0bf91 - Store current text in output field so that changes are persisted when navigating back/forward
• 98e5e93e - Remove editor div from DOM
• 0c1a87d1 - Fix teardown event being called multiple times per editor
• 5305715e - Add support for markdown editor in system tests
• 9acda020 - Fix generic project creation system test
• 4cafe023 - Add comments
• fa48d751 - Add custom handling for required fields
• 33c03d5f - Refactor markdown js

Compare with previous version

added 4 commits

• 60e2f98a - Revert "Change table styling"
• 90b2f511 - Add toastui editor tweaks css
• 0d99bfa8 - Modify toastui editor table style
• 4769dce4 - Remove heading underlining

Compare with previous version

added 1 commit

• dd7b383e - Remove image option from editor toolbar

Compare with previous version