serg_small_developer
@serg_small_developer
Начинающий прогер

Как настроить модалку Summernote?

Всем привет. Никак не могу настроить модальное окно для wysiwyg редактора делаю все по документации, точно так же, а модальное окно все равно за фоном, фон идет вперед , а модалка назад. Перепробовал уже все что нашол в нете, ставил разные версии bootstrap пробовал настраивать стили и т.д., но ничего не дает результат. Может кто-то сталкивался с подобной проблемой?
Подключаю все по такой схеме вот так
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.3/summernote.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.3/summernote.js"></script>


<div id="summernote">
   <h3>Try me!</h3>
      <p>Super Simple WYSIWYG Editor on Bootstrap</p>
      <p><b>Features:</b></p>
      <ol>
        <li>Worldwide Bootstrap</li>
        <li style="color: blue;">Easy to Install</li>
        <li><strong>Open Source</strong></li>
        <li>Customizing</li>
        <li>Smart Shortcuts</li>
        <li>Works with Firefox, Chrome, and IE9+</li>
      </ol>
 </div>
<script>
$('#summernote').summernote();
</script>

1ILOPXK.png
  • Вопрос задан
  • 823 просмотра
Решения вопроса 1
agmegadeth
@agmegadeth
Веб-разработчик в дизайн студии
просмотри всех родителей модального окна на предмет z-index. у фона z-index: 1040, у модалки 1050. Но если модалка имеет родителей с меньшим z-index, то она встанет за фон.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы