Plenti CMS Devlog (ep 20): WYSIWYG

This is a Dev Vlog series where Plentico (https://plenti.co) maintainers work on the git-backed CMS for the Plentico project (https://github.com/plentico/plenti). We are building in public, so feel free to watch along, ask questions, or even contribute if you're so inclined.

In this video Jesse discusses some of the work he is doing to allow images to be cropped, scaled, and turned into formats (like webp) that load fast for the web. He discusses a way to allow developers to pre-defined image specifications that would appear to users as options on the frontend of the application. They also discuss implementing in a "discoverable" way where the application would read the dimensions of the current image that is being replaced and suggest that the user crop / scale the name image to fit those specifications.

The second half of the video takes a look at some of the WYSIWYG updates Jim made to allow content editors the ability to make text changes on the website. New features include:
- bold
- italics
- underline
- ordered list
- unordered list
- link
- unlink
- clear formatting

They discuss how contenteditable and document.execCommand() are being used under the hood:
- https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable
- https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

They also go over how execCommand() is deprecated and how other solutions were tried: https://stackoverflow.com/questions/60581285/execcommand-is-now-obsolete-whats-the-alternative

Видео Plenti CMS Devlog (ep 20): WYSIWYG канала Jantcu