Twitter bootstrap Jodit编辑器弹出窗口在引导模式下不工作
当我将Jodit编辑器(3.4.2)放入引导模式(4.3)中时,弹出表单的任何Jodit工具栏项都不允许您在该表单上键入输入。例如,如果单击图像工具栏图标,将弹出一个表单供您键入URL。该输入字段不会占据焦点,从而允许您键入任何内容。这些弹出窗体上的按钮可以工作 Jodit wise的所有其他功能在模式中似乎都可以正常工作,但在选择工具栏图标时弹出的表单除外。当页面不处于引导模式时,相同的Jodit配置在该页面上工作 Jodit将z索引设置为远高于模式。没有什么比输入字段被禁用更明显的了。我认为可能需要在模态显示之后创建编辑器,但这对问题没有影响 HTML 示例:需要删除tabindex=“-1”Twitter bootstrap Jodit编辑器弹出窗口在引导模式下不工作,twitter-bootstrap,bootstrap-modal,jodit,Twitter Bootstrap,Bootstrap Modal,Jodit,当我将Jodit编辑器(3.4.2)放入引导模式(4.3)中时,弹出表单的任何Jodit工具栏项都不允许您在该表单上键入输入。例如,如果单击图像工具栏图标,将弹出一个表单供您键入URL。该输入字段不会占据焦点,从而允许您键入任何内容。这些弹出窗体上的按钮可以工作 Jodit wise的所有其他功能在模式中似乎都可以正常工作,但在选择工具栏图标时弹出的表单除外。当页面不处于引导模式时,相同的Jodit配置在该页面上工作 Jodit将z索引设置为远高于模式。没有什么比输入字段被禁用更明显的了。我认为
var editor1=new Jodit('#editor1');
var editor2=new Jodit(“#editor2”)代码>
单击图像工具。可以编辑url输入字段。
使用编辑器显示模态
&时代;
单击图像工具。无法编辑url输入字段。
<div>
<div>
Click on the image tool. Can edit url input field.
</div>
<div id="editor1"></div>
<button onclick="$('#dialog').modal( 'show' );">
Show modal with editor
</button>
</div>
<div id="dialog" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div>
Click on the image tool. Can't edit url input field.
</div>
<div id="editor2"></div>
</div>
</div>
</div>
</div>
var editor1 = new Jodit( '#editor1' );
var editor2 = new Jodit( '#editor2' );