visual feedback in the editor

[stdoma]

Hello!
Thanks for the plugin. This kind of thing has been around for a while in the Atto editor. I was basically waiting for this for the Tiny.

I tested the plugin (Moodle 4.1.9 (Build: 20240212) / Plugin 1.3 (2024022600)).
Unfortunately, there is no visual feedback in the editor itself when you have inserted a template.
When you work with DIV containers you can't see that there is any formatting.
You can't see where you should write directly so that the content is contained in the wrapper.

defined elements

after insert visual

after inser code

[srobotta]

Hi,

Thank you for your report. Actually when you insert one of these blocks you should see this blue or red block like you see it in the dialogue window. As far as I can tell from here, nothing gets inserted into your edited field.
To reproduce this, could you please show the exact html that is defined in the settings?
Thank you.

[stdoma]

Hello!

I saved the style definitions in the theme's RawSCSS. I am attaching the definitions as a file.
RawSCSS.txt
In the plugin I used the definitions as a class element in a div.

I have two other points:

1. I had uninstalled the plugin. After reinstalling today the settings were still there. Are the settings saved persistently?
2. When I select a text and insert a style, the selected text is replaced. It would be nice if the style was wrapped around the selected text.

[srobotta]

Thank you for your feedback.

First about the style not beeing displayed when using the editor: in your example you are using classes that are inserted via a custom scss in the theme. Apparently this scss/css is not included in the editor itself. With a preview plugin or when saving the page, the content is displayed correctly. Of course, this is not exactly "what you see is what you get". I am not sure if this is fixable within the plugin itself. It should be fixed in Moodle in general. I also noted in the readme to use inline styling when defining the html elements to avoid such issues.

1. There is no uninstall hook at the moment where the settings are removed. Because of the amout of data, the coniguration might be saved as a file on the file system.
2. This would be an improvement. At the moment, there is no chance to mark placeholders that might be replaced with certain content. In other cases you may have selected some elements (e.g. the blue box) and want to replace it with some other element (e.g. the red box).

I will keep the issue open until I have an answer to the original problem about the missing css classes and how a feature of 2. may look like.

Thank you.

[srobotta]

https://tracker.moodle.org/browse/MDL-79120 is dealing with the issue that is mentioned here.