В шаблоне используется свойство user-modify для всех тегов span.
span {
display: block;
-webkit-user-modify: read-write;
-moz-user-modify: read-write;
user-modify: read-write;
}
Как реализовать редактирование на странице по нажатию на кнопку (ВКЛ/ВЫКЛ)?
Переключать класс родителю и установить зависимость свойств для редактирования от переключаемого класса.
document.querySelector('button').onclick = function() {
document.querySelector('.editor').classList.toggle('active')
}
.editor.active span {
display: block;
padding: 3px;
border: 1px dotted;
-webkit-user-modify: read-write;
-moz-user-modify: read-write;
user-modify: read-write;
}
<button>Toggle modifying</button>
<br><br>
<div class=editor>
<span>asdasd</span>
<span>asdasd</span>
<span>asdasd</span>
<span>asdasd</span>
<span>asdasd</span>
<span>asdasd</span>
<span>asdasd</span>
<span>asdasd</span>
</div>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей