Tinymce uses different fonts than bootstrap

[Liam]

The tinymce editor does not use the same font family or weight as the rest of mahara

To replicate:
1. go to a page with a tinymce editor, eg a page with a comment block
2. enter text into the editor

expected result: font styles should be the same as mahara
actual result: font styles are different

see attached screenshot

[Kristina Hoeppner (kris-hoeppner)]

This should also be tackled for cleaning up the heading levels.

H1: Page title
H2: Collection title (visually sitting above page, but hierarchically OK to be below page because it is less important than the page title)
H3: Block title
H4: Title with a block that needs a heading, e.g. journal entry title when in "Journal" block.

Proposal:

Only allow the use of H4-H6 in TinyMCE. That will double up H4 but there is no H7 and for the most part that could be fine.

Style the *content*c H4 to H6 like a normal H1 to H3 and rename them in TinyMCE to:

- Heading large
- Heading medium
- Heading small

(for example).

Since we can't prevent people from using the <h1> to Hh3> tags when they use the HTML editor, we need to make the other headings look like these though to retain the styling.

That would also allow us to keep existing content with H1 to H3 and future text would use H4 to H6.

The problem is that not all content items have the class "title", e.g. section titles in the resume only have an <h4> but no class "title" within the list-group whereas the journal entry title does have the class "title".

We may need a title class <h5> tough because the resume does use H5.

In summary (Evonne and I think right now):

TinyMCE would have its own heading styles and all Mahara infrastructure heading styles would need a class so we can distinguish them from the normal TinyMCE styles.

We'll need to look at that with fresh eyes when getting back to it.

[Kristina Hoeppner (kris-hoeppner)]

Evonne is changing heading levels. Let's get those through first.