TinyMCE is just great.

Unfortunately under Safari (3.0) the Bold and Italics buttons give back this non-standard xhtml formatting:

<span style="font-weight: bold" class="Apple-style-span">This is bold text</span>

<span style="font-style: italic" class="Apple-style-span">and this is italic text</span>

instead of the valid strong and em.

Cannot really tell from where this comes from (Drupal module, Moxie code, Safari bug?), but still the issue seems fixed at the Moxie demo site ( try here)

Also there was this patch trying to deal with [b]/[strong] and [i]/[em] tags in other browsers (FF, Opera)....maybe this can be somehow adapted to fix the bug in Safari too?

Can any savvy spread some light on this please? many thx

Comments

drew reece’s picture

drew reece commented

Try FCKeditor, it also has a Drupal module.
http://drupal.org/project/fckeditor

I searched for an answer to this too, and found a bug report for FCKeditor, stating that they have fixed this issue.
http://dev.fckeditor.net/ticket/55

It's worth a try since tinyMCE is making a mess in Safari IMO.

Maybe this was the reason I chose FCK on a previous site :)

Drew

drew reece’s picture

drew reece commented

FWIW,
A quick test with FCKEditor and Safari 3.1.1 on 10.5.3…

The italic and bold tags get inserted as apple spans but appear to be converted to <em> and <strong> (I assume by the format output filter in FCKEditor).

The bad news is pasting text still creates masses of <span class="apple-style-span" … more-junk-here > this seems to be the way Safari wants to preserve the rich formatting. You can get around it by using the paste from Word button and the remove formatting checkboxes (an advanced option, unless you set up the config), but convincing users to do this is another matter.

Drew

prefect’s picture

prefect commented

Hello,

I discovered this thread while searching for a solution to the strong/b/span and em/i/span trouble with tinyMCE in Safari myself. I'm not using Drupal, but happened to figure out how to make tinyMCE force strong/em even in Safari, and since this thread is quite recent I thought I'd share my insight.

The solution is as simple as configuring tinyMCE to load the "safari" plugin, which according to the documentation "solves various Safari compatibility issues".

marcoBauli’s picture

marcoBauli commented
Status: Active » Fixed

thanks for sharing this prefect!

The new TinyMCE Safari plugin fixes this, at least on Safari 3.1. Need to download the latest version from Moxie as this is a recent add-on, and enable the plugin directly from the settings page ;)

setting as 'fixed'

EDIT: in order to show the Safari plugin in TinyMCE settings page, you need to add the following at the bottom of plugins.inc before return $plugins;:

$plugins['safari'] = array();

marcoBauli’s picture

marcoBauli commented
Title: Safari and <strong> / <em> tags » Safari compatibility, and <strong> / <em> tags
Version: 5.x-1.9-1 » 5.x-1.x-dev
Status: Fixed » Needs review

maybe is better to let this addition be reviewed for inclusion in dev or 6.x

pomliane’s picture

pomliane commented
Status: Needs review » Closed (won't fix)

This version of TinyMCE is not supported anymore. The issue is closed for this reason.
Please upgrade to a supported version and feel free to reopen the issue on the new version if applicable.

This issue has been automagically closed by a script.