
As a surprise and delight to many web developers, Safari 1.3 (released a few days ago via Software Update) includes WYSIWYG / RichText editing. This feature has been long rumored to be in the upcoming Mac OSX version Tiger. Although there appears to be no documentation, Safari’s developer Dave Hyatt reports that Safari is adapting Microsoft’s contentEditable including execCommand and designMode. So far no web developer has been able to get execCommand to work but contentEditable seems to work just fine. Hopefully there will be some documentation released soon on how to build Javascript interaction so that we can bring some sort of App like interaction.
Safari DEMO:This post is an example of WYSIWYG editing. Got Safari 1.3? Go ahead and DOUBLE CLICK ME (saving not allowed of course). You can try using Command+B or Command+I to make text bold or italic. also, you can drag the image around or even drag and drop an image from the browser or even your Desktop.
Hello, I am Melvin Rivera; creator of
Follow me @


Does anyone know how I can get confirmation of exactly which command identifiers are supported by the Safari execCommand?
Thanks
Stanislas Rolland
stephan found an interesting way of getting contentEditable to work with buttons
Very nice articel
I think this is also put in there to be used in Dashboard.
Some of the things Safari supports – like text shadows – started to make sense after I learned that Dashboard also uses webkit.
:)
Yeah, very nice ! ^^
sweet :)
Very imrpessive, good work!
For those of you looking for a WYSIWYG HTML editor that works in Safari…… look at the HardCore Web Content Editor (http://editor.hardcoreinternet.co.uk). This is as far as I know the only JavaSbript WYSIWYG HTML editor with support for Safari.
Maybe it can help for execCommand using buttons or anchors :
Dont use
onclick=”"
but
onmousedown=”"
instead
Actually ActiveX will be dissappearing on it’s own. IE 7 may not even have it.