Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap Jodit编辑器弹出窗口在引导模式下不工作_Twitter Bootstrap_Bootstrap Modal_Jodit - Fatal编程技术网

Twitter bootstrap Jodit编辑器弹出窗口在引导模式下不工作

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索引设置为远高于模式。没有什么比输入字段被禁用更明显的了。我认为

当我将Jodit编辑器(3.4.2)放入引导模式(4.3)中时,弹出表单的任何Jodit工具栏项都不允许您在该表单上键入输入。例如,如果单击图像工具栏图标,将弹出一个表单供您键入URL。该输入字段不会占据焦点,从而允许您键入任何内容。这些弹出窗体上的按钮可以工作

Jodit wise的所有其他功能在模式中似乎都可以正常工作,但在选择工具栏图标时弹出的表单除外。当页面不处于引导模式时,相同的Jodit配置在该页面上工作

Jodit将z索引设置为远高于模式。没有什么比输入字段被禁用更明显的了。我认为可能需要在模态显示之后创建编辑器,但这对问题没有影响

HTML

示例:

需要删除tabindex=“-1”

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">&times;</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' );