Styleless preview mode

[mlewand]

General

While analysing G140 I thought about a feature that would allow easily preview the content without any style at all.

The purpose is that content author will have an easy way to see the content without styling, and ensure that it still make sense. We can't expect from authors to go to the browser and disable the styling.

Initial Idea

We should put content in sandboxed preview element, meaning that it would not be affected by any CSS at all. Also we'd need to strip style attribute from every content element.

There's no clear idea on how we want to present this element. Some possible ideas:

• Replace editable.
• Display in almost full-viewport dialog.
• Display in popup.
• Display in balloon.

Further Enhancements

There's actually a lot of room for some enhancements. The more creative we'll be here, the better for our product.

Hide Pure Decorative Elements

We could hide all the presentational elements, e.g. images that are marked as a decorative image. So all images that are missing alt attribute or have [alt=""] should be removed from the output.

Different Image Display

We might display some sort of big boxes that contain only alt inside instead of showing image. That would highlight the need of understandable alts.

Similar Implementations

Frederico noted that there's already a similar implementation. There's XSTANDARD that contains similar feature.