Я сейчас строю проект с VueJS, и у меня есть текстовая область редактора TinyMCE в модальной форме bootstrap. Все кнопки и элементы управления работают нормально, кроме случаев, когда я нажимаю на кнопку с изображением, чтобы загрузить изображение; входы отключены. Я просмотрел документы bootstrap и знаю, что модалы bootstrap не поддерживают несколько модалов одновременно. Я надеюсь обойти эту проблему, чтобы загрузить изображение. Уже пробовал этот обходной путь из документов TinyMCE -
mounted () {
$(document).on('focusin', function(e) {
if ($(e.target).closest(".tox-tinymce-aux, .moxman-window, .tam-assetmanager-
root").length) {
e.stopImmediatePropagation();
}
});
},
Мой шаблон:
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<editor
:init="{
images_upload_url: 'postAcceptor.php',
height: 200,
menubar: false,
plugins: [
'advlist autolink lists link image imagetools charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar:
'undo redo | formatselect | bold italic backcolor | \
alignleft aligncenter alignright alignjustify | \
image | bullist numlist outdent indent | removeformat | help'
}"
/>
</div>
</div>
</div>
Уже опробовал решение из здесь
Вот скриншот моей формы
Чего я хочу достичь sh? Я sh смогу вводить и редактировать поля ввода в загрузчике изображений TinyMCE с все еще используемым модальным bootstrap. Любая помощь будет оценена. Спасибо.