В шаблоне используется свойство 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>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть магазин, сделан Data Layer на странице успешной покупки, при обновлении страницы он уже не выводится (хранится один раз в сессии)Стали появляться...
Скажите плиз, почему при вложении в html --> script дальше второго условия не срабатывает? Работает только первое/одно условие, после добавления...