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 @
Hyatt.
fixed. thanks.
Ya-HOO!!! Finally! Lovin’ it today.
;-)
Don’t know if otheres have spotted this too, but if you right click on a word it will google search the word. Great enhancements
Awesome! Finally! LOA (Live On Arrival)! What else to say? Nice job on the blog btw – always fun to get some personal insights from a fellow Mac user! (^_^)
Very cool!
But how could one save changes?
Sehr schöööön….
Not using 1.3 (actually, moved to OmniWeb almost a year ago and never looked back – it is to Safari what Photoshop is to iPhoto), but can someone out there explain to me why anyone would *want* to, say, make some text in a web site bold? I just don’t get it – what purpose is there in changing your representation of someone else’s (likely dynamic) content?
Seriously – I know this might sound like a slam, but it’s a real question. I’d love to understand the need, as I apparently haven’t tripped across it yet….
nett
I like that.
@cottonijoe: you can save these changes if the author of the page places a save button. The new content can be read by Javascript DOM and then sent to any script. Just try to enter
javascript:alert(document.getElementById(“story”).innerHTML);
into the location bar of your browser and you will see the changed HTML code. Of course you would have to upload images seperately since Javascript cannot grab them from your harddisk.