Моя веб-страница использует Средний редактор, чтобы позволить пользователям редактировать определенные c p
элементы. Пользователи могут «блокировать» и «разблокировать», указав c p
, ie, когда заблокированный текст не может быть отредактирован и когда разблокированный текст может быть отредактирован.
Я могу успешно отключить редактирование спецификации c p
, используя функцию Medium removeElements(myPElement)
. Однако я не могу повторно включить этот элемент. Если я вызываю функцию Mediums addElements(myPElement)
, функция возвращает false, а редактор среды не отображается при выделении текста элемента.
Мой пример ниже демонстрирует проблему. Можете ли вы предложить, как повторно включить редактор Medium для указанного элемента c?
var editor = null;
function activate() {
console.log('res', editor.addElements($('.editable')));
}
function deactivate() {
console.log('res', editor.removeElements($('.editable')));
}
// Wait for all scripts to load
setTimeout(function() {
editor = new MediumEditor('.editable');
}, 100);
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/medium-editor/5.23.3/css/medium-editor.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/medium-editor/5.23.3/css/themes/flat.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/medium-editor/5.23.3/js/medium-editor.min.js"></script>
<p class="editable">Select this text to see the medium editor</p>
<a href="#" onclick='deactivate()'>Deactivate</a>
<a href="#" onclick='activate()'>Activate</a>