{"id":44868,"date":"2019-05-06T03:01:44","date_gmt":"2019-05-05T17:01:44","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=44868"},"modified":"2019-05-06T06:21:45","modified_gmt":"2019-05-05T20:21:45","slug":"html5-mark-tag-div-contenteditable-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html5-mark-tag-div-contenteditable-tutorial\/","title":{"rendered":"HTML5 Mark Tag Div Contenteditable Tutorial"},"content":{"rendered":"
\"HTML5<\/a>

HTML5 Mark Tag Div Contenteditable Tutorial<\/p><\/div>\n

The previous HTML5 Mark Tag View Page Source Tutorial<\/a> used the newly introduced (with HTML5) element called mark<\/i><\/a> tag (which highlights parts of text) in conjunction with content presented in an iframe element, already written. But as far as then versus today goes …<\/p>\n\n\n\n\n\n
then<\/th>\ntoday<\/th>\n<\/tr>\n
text source is static and unchanging<\/td>\ndynamically marking text interactively<\/td>\n<\/tr>\n
presented (as a fait accompli) in iframe<\/td>\npresented in div element contenteditable<\/a>=true<\/td>\n<\/tr>\n
shown to the user<\/td>\ncreated by the user via their highlightings of text<\/td>\n<\/tr>\n<\/table>\n

… and we want you to see below all this the HTML (behind the scenes) changing as you, hopefully, highlight text, and make it change.<\/p>\n

Take a look at the HTML and Javascript markit.html<\/a>‘s live run<\/a> link.<\/p>\n

\n

Previous relevant HTML5 Mark Tag View Page Source Tutorial<\/a> is shown below.<\/p>\n

\"HTML5<\/a>

HTML5 Mark Tag View Page Source Tutorial<\/p><\/div>\n

As we mentioned in the “Stop Press”<\/a> of yesterday’s HTML5 Time Tag Primer Tutorial<\/a> we want to combine …<\/p>\n