If you enable bold, strong, italic and emphasis tags in your Filtered HTML (or some combination thereof), you get this:

Two bold and italic buttons that map to 4 different tags.

Over at #1798490: Two bold/italics are showing up in Edit module in Spark, Wim mentions:

This is strong & bold and emphasizes and italics. It's because we wanted to force users to see "b" for strong and "i" for italics, whereas Kevin had actually designed them to be separate.

Potential solutions:
- when only strong/em are allowed, show b/i
- when both strong/b and em/i are allowed, show s/b/em/i
- never show the b/i buttons

Comments

webchick’s picture

akamustang commented:

I think "never show the b/i buttons" will be fine as it encourages best use of s/em.

Should probably add a note of this somewhere though, README.txt perhaps.

webchick’s picture

My turn. ;)

Personally, I really can't see using S and EM buttons, like, ever. I mean, look at pretty much any software that employs WYSIWYG:

Microsoft Word:
B and I buttons

Google Docs:
B and I buttons

WordPress:
B and I buttons

The distinction between <b> and <strong> and between <i> and <em> is something that only makes sense to a) web people and b) highly proficient web people, at that. Definitely not content authors, which is Spark's primary audience.

So I would propose a fourth option, which is:

d) ALWAYS use a single B and a single I button. If a situation arises where there are going to be two B and I buttons (meaning *both* <b> and <strong> (or <i> and <em>) are enabled in a filter configuration), the single B should output <strong> and the single I button should output <em>.

This button smooshing map should be in a variable which can be overridden in settings.php for people who are building blogging websites for W3C nerds, since that's both a valid use case and also the only people I can think of who actually know and care about the difference between <i> and <emphasis>. :)

webchick’s picture

Oops. Which I realize now is pretty similar to " - never show the b/i buttons" :D

wim leers’s picture

Okay. Never show b/i , only show strong/em (with the b/i icons!) it is.

wim leers’s picture

Title: Design: How to deal with various combinations of <b>/<strong> & <i>/<em> » How to deal with various combinations of <b>/<strong> & <i>/<em>
Assigned: tkoleary » wim leers
Status: Active » Fixed
mustanggb’s picture

Project: Edit » Aloha Editor (obsolete)
Version: 7.x-1.x-dev » 7.x-2.x-dev

This was fixed over in Aloha.

wim leers’s picture

Apologies and thanks :)

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

x