Mailing Lists: Apple Mailing Lists

Image of Mac OS face in stamp
 
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Safari and WYSIWYG Editing (TinyMCE)



Hi,

I guess you could say this is a small report regarding WYSIWYG editing in Safari. A few months ago, we started a donation raid to buy a Mac Mini, thanks to our many users of TinyMCE (http://tinymce.moxiecode.com), we got enough to buy a Mac Mini for our office. TinyMCE is a Free Open-Source WYSIWYG editor, released under LGPL by Moxiecode Systems.

We managed to get TinyMCE to run on Safari but it still has some bugs and problems mostly due to limitations of the implementation of the designMode functionality.

The browser we used for testing was: Safari 2.0 (412) on a Mac Mini running Mac OS X 10.4.

We managed to work around most of these issues, however most of the hacks are quite ugly and if the spec was fully implemented, they would not have been neccesary.

Here is a list of problems we had during the development of the Safari version of TinyMCE:
- Document selection gets lost when focusing other elements outside the editable document such as popups. This differs from all other browsers and makes it harder to for example make a insert link dialog since the selection gets lost in the background.


- When having links inside a editable area it's possible to click on the links (this opens the link). This is very annoying since it makes it harder to select a link for editing.

- The lack of basic execCommands like InsertUnorderedList, InsertOrderedList and Strikethrough forces some ugly workarounds. And if you press return inside a list item inorder to generate a new item the cursor jumps outside the whole list, the ordering of numbered lists gets screwed up for example: 1, 2, 2, 3.

- One major problem was the handling of selection ranges. Since Safari doesn't implement the DOM Range/Selection specification fully it was hard to figure out how to get the selected HTML and nodes.

- Inserting custom HTML at the cursor position/selection was somewhat tricky, an InsertHTML like the built in InsertText execCommand would be highly useful.

There are still a lot of small issues and bugs/annoying things that needs to be worked out.
This is a link to a demo, not all features are working on Safari though:
http://tinymce.moxiecode.com/example_full.php?example=true


Any comments on these issues would be greatly appreciated. Other developers success with this would be interesting to hear.

(please excuse us using email@hidden email, its our specalized split filter)

Regards,
Joakim Lindkvist & Johan "Spocke" Sörlin
TinyMCE Developers
http://tinymce.moxiecode.com
Moxiecode Systems

_______________________________________________
Do not post admin requests to the list. They will be ignored.
Web-dev mailing list      (email@hidden)
Help/Unsubscribe/Update your Subscription:
http://lists.apple.com/mailman/options/web-dev/email@hidden

This email sent to email@hidden


Visit the Apple Store online or at retail locations.
1-800-MY-APPLE

Contact Apple | Terms of Use | Privacy Policy

Copyright © 2007 Apple Inc. All rights reserved.