Как удалить класс из всех элементов, кроме текущего?
Я хочу удалить класс currentиз всех элементов, содержащий класс currentотделить от текущего.
В jQuery, согласно этот ответ, мы могли бы использовать:
$(this).addClass('current').siblings().removeClass('current');
Мне интересно, как перенести этот способ на CKEditor. Я нашел в Документация CKEditor способ проверить, имеет ли элемент данный класс, но ничего для всех элементов.
Как правильно это сделать в CKEditor 4?
Обновлено: Я создал JSFiddle с функцией updateMarker(), где должна быть ожидаемая логика.
Я отредактировал свой вопрос, включив ссылку JSFiddle.
Ответы 1
Вы можете получить объект document и вызвать find с классом current. Когда у вас есть все элементы, удалите класс current и добавьте к текущему элементу класс current.
var document1 = CKEDITOR.instances.editor1.document;
var elements = document1.find('.current');
elements.$.forEach(function(el) {
el.classList.remove('current');
});
element.addClass('current');
Document API - найти
Элемент API - removeClass
Элемент API - addClass
Рабочая рабочий пример
Я обновил свой вопрос с помощью JSFiddle, который включает ваше предложение. К сожалению, document.find('.current') выдает сообщение «Невозможно прочитать свойство querySelectorAll из неопределенного».
Я упоминаю, что я включил jQuery. У вас есть идея?
@Kwadz Я обновил свой ответ скрипкой и исправил проблему с выбором документов. Раньше я создавал новый экземпляр редактора, но теперь я повторно использую существующий экземпляр редактора.
Можете ли вы создать скрипку, чтобы лучше понять, что вы пытаетесь сделать.