javascript - 允许用户在查看模式时在页面上输入文本区域

Question

我的页面上有一个可编辑的 div，当用户关注该 div 时，我有一个脚本，它显示了一个带有高级编辑工具工具栏的引导模式。

问题是当用户专注于 div 并且模式出现时，它会禁用编辑 div 内的文本的能力。当您单击 div 进行编辑时，模式消失。

我需要模式保持打开状态，以便用户可以使用工具栏来编辑标准页面上 div 中的文本。

模态如下所示。

<!--Editor Toolbar -->
<div id="editorToolbar" class="modal container hide fade" tabindex="-1" data-backdrop="false">
   <div class="modal-body">
      <?php include '../core/editorBar.php'; ?>
   </div>
</div>

我制作了这个脚本以允许在 div 具有焦点时显示模式，现在我只需要在您输入 div 时让它保持不变。

<script type="text/javascript">

  function showToolbar() 
  {
     $('#editorToolbar').modal('show');
  }

</script>

任何帮助和想法将不胜感激！

更新

我添加：data-backdrop="false"到模态 div，这从模态后面删除了背景（灰色覆盖），但是当您单击 div 时，它仍然再次隐藏模态。

Answer 1

根据引导文档，您需要将backdrop数据选项设置为"static". 所以要么：

<div id="myModal" data-backdrop="static">...</div>

或者：

$('#myModal').modal({
    backdrop: 'static'
});