JavaScript document.execCommand() own tags

javascript html execcommand
YeppThat'sMe picture YeppThat'sMe · May 13, 2013 · Viewed 9.6k times · Source

I've found some really interesting! The execCommand function applies many useful features. But is it possible to work with OWN wraps? Like:

document.execCommand("styleWithCSS", false, "<span class='own-class'>");

Everything related i've found was pretty old… so maybe one of you knows a good workaround or something.

Answer

YeppThat&#39;sMe picture YeppThat'sMe · May 13, 2013

Thanks to dandavis.

The following works very well: 

document.execCommand("insertHTML", false, "<span class='own-class'>"+ document.getSelection()+"</span>");

Related questions

Javascript trick for 'paste as plain text` in execCommand

I have a basic editor based on execCommand following the sample introduced here. There are three ways to paste text within the execCommand area: Ctrl+V Right Click -> Paste Right Click -> Paste As Plain Text I …

Read More
execCommand() is now obsolete, what's the alternative?

I intended to use Document.execCommand() method along with contenteditable attribute to build my custom WYSIWYG editor. But when I checked the documentation for Document.execCommand(), I found that it's now obsolete. What's the modern (or extant) alternative for it?

Read More
window.getSelection return html

function selected() { var selObj = window.getSelection(); } This function returns selected text from a webpage. How do return the html of a selected area. Is this possible to do with an <img> and an <a> tag? Here's …

Read More