← Back to team overview

mahara-contributors team mailing list archive

[Bug 1836687] Re: Tinymce uses different fonts than bootstrap

 

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.

-- 
You received this bug notification because you are a member of Mahara
Contributors, which is subscribed to Mahara.
Matching subscriptions: Subscription for all Mahara Contributors -- please ask on #mahara-dev or mahara.org forum before editing or unsubscribing it!
https://bugs.launchpad.net/bugs/1836687

Title:
  Tinymce uses different fonts than bootstrap

Status in Mahara:
  Confirmed

Bug description:
  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

To manage notifications about this bug go to:
https://bugs.launchpad.net/mahara/+bug/1836687/+subscriptions


References