Intro

As discussed with dobedobedoh and quen in the Dev-Chat, certain default style settings (variables, colours, padding, ...) from themes are not taken into consideration when building the editor stylesheet for the Tiny editor.

For example, headings are displayed with a different font-weight.

View in the editor:

View outside editor:

Testing instructions

1. Ensure that under "Profile" → "Preferences" → "Editor preferences" you have selected "TinyMCE editor" as your text editor.
2. As a teacher, open a course.
3. Enter edit mode.
4. Add a "Text and media area"
5. Within the text body of the "Text and media area", enter some text.
6. Select the line and format as heading.
7. Examine the heading with browser developer tools (usually F12) and note the value for "font-weight".
8. Save the changes and return to course.
9. Examine the heading within the course context with browser developer tools and note the value for "font-weight".
10. Confirm the two values from inside the editor area and the course context are the same.