WYS is Not WYG - Formatting changes in Run

Hi Richard,

First of all.... the output is HTML and without a proper CSS it might be different on every browser and device.

To ensure the looks in HTML are as close as possible to the editor look in Lectora a lot of CSS and tweaking will be needed. First hurdle are offcourse webfonts ( or the lack of them )...

You can get it almost exactly as you want, but a lot of browsers testing and CSS work is involved then.

Regards,

Math

Did I forget to mention that I'm working exclusively with IE 11.0?

https://msdn.microsoft.com/en-us/library/dn384050(v=vs.85).aspx

How did you get the different bullet icons for the levels?

@rliverman - If I had to guess, it's using CSS and assigning a class to the text. I use it for my text blocks that use a RunJS to populate the text on a button click. You can use it to change either the type of bullet or the type of list (unordered, alpha-upper, alpha-lower, etc.).

Here's a sample of the CSS I use with help from @klaatu:

/* Unordered list - style changes bullets */

.ulList {

list-style:disc;

margin-left: 60px;

}

/* Ordered list - list style type is number; upper/lower roman for roman values, upper/lower-alpha */

.alphaList {

margin-left: 70px;

list-style-type: upper-alpha;

}

undefined