Как инактивировать контент

Question

У меня есть веб-страница с img.Каждый раз, когда пользователь нажимает на img, он генерирует тег span с атрибутом contentEditable, установленным на true.

Моя проблема в том, что если пользователь нажимает на img, чтобы добавить span, нажимает на span (таким образом активируя редактируемую зону), а затем нажимает обратно на img, этодобавит еще один редактируемый span (желаемый эффект), но он также оставит первый span в режиме редактирования.

Как мне вернуть обратно редактируемый span в обычный span?

Answer 1

Вы можете удалить атрибут contenteditable и фокус с помощью jQuery следующим образом:

$('span#id').removeAttr('contenteditable').blur();

Если вы хотите стилизовать все отрезки, которые можно редактировать, вы можете сделать это следующим образом в CSS:

span[contenteditable] { } /* editable */