Set focus on div contenteditable element

Question

I have a

where I define by a WYSIWYG some elements. For example

,

, etc. I would l

Answer 1

Bind a "click" event handler to all elements within the contenteditable div, and change the class/style on click (i.e. add class "focused" to the element);

You can identify, to the user, which element has focus by adding style such as a colorful border or an inner box-shadow. Then when you want to access the focused element in your jQuery script, just do something like this:

var focused = $('.focused');