Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

5. User Interactions > Hack 50. Turn Your Web Page into a WYSIWYG Editor

Hack 50. Turn Your Web Page into a WYSIWYG Editor

Make it easy to update your web page content without ever leaving your browser. A few simple lines of code can turn your web page into a web page editor.

Back in the day, WYSIWYG editors were all the rage. Unfortunately, it was always difficult to transition from what you saw in your editor to what you saw in the browser. HTML5 provides the key to make it all work.

Make the Page Editable

The first step to turning your web page into a web page editor is to make all the content on your web page editable. In previous hacks we talked about what it takes to make a section of our page editable, and it’s just as easy to make our whole page editable. It takes only one line of code:


  

You are currently reading a PREVIEW of this book.

                                                                                                                    

Get instant access to over $1 million worth of books and videos.

  

Start a Free Trial


  
  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint