Bootstrap的模态框中使用kindeditor无法编辑的问题

最新推荐文章于 2019-01-02 11:45:19 发布
最新推荐文章于 2019-01-02 11:45:19 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： 前端

主要是在Bootstrap的modal模态框中，再打开“插入图片”等弹窗，所有的 input、textarea 都无法获得焦点。


好久之前碰到的问题了，今天想着把它解决一下。


其实我对这个问题完全没有头绪啊……幸好运气好，终于搜索到了这个问题的解决方法，感谢@oschina 的@talangniao 网友。问题链接：http://www.oschina.net/question/226830_143869


把如下图中，标签的 tabindex 属性删除即可。


为什么会造成这个问题的原因还不是很清楚……

shhider
关注
专栏目录
Bootstrap增删改查，应用treeview，addTabs，table，bootbox，datatimepicker，fileinput
Lenux2017的博客
09-21 1372
Insert title here 面板标题 商品名称 商品价格
css拖拽调整高度,两种为wangEditor添加拖拽调整高度的方式：CSS3和jQuery UI
weixin_29349579的博客
08-04 1321
wangEditor是一款优秀的Web富文本编辑器，但如果能像KindEditor那样支持拖拽调整高度就更好了。有两种方式可以为wangEditor添加这一功能，这里使用的wangEditor版本为2.1.22。第一种方式是最简单，也是比较完美的一种方式：为编辑器元素添加值为vertical的resize CSS样式：原生CSS方式#editor {resize: vertical;}var ed...
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
12-11
废话不多说了直接给大家贴代码了，具体代码如下所示： $('#myModal').on('shown', function() { $(document).off('focusin.modal'); }); //显示modal $('#myModal').modal('show'); //show完毕前执行 $('#myModal').on('shown', function () { //加上下面这句！解决了~ $(document).off('focusin.modal'); // 打开Dialog后创建编辑器 KindEditor.create('textarea[name
bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
weixin_30266885的博客
12-11 169
答案来自老外http://stackoverflow.com/questions/14795035/twitter-bootstrap-modal-blocks-text-input-field $('#myModal').on('shown', function() { $(document).off('focusin.modal'); }); 这个是国内同学的解决方法：...
easyui-dialog中无法显示KindEditor插件
李工
08-17 2159
easyui-dialog中无法显示KindEditor插件KindEditor是一种用起来还不错的富文本编辑器插件；easyui是一个前端插件，其中有一个弹出框功能——dialog。在实际使用的时候，我们需要在弹出框当中展示富文本编辑器，从而进行编辑和保存功能，再进行后台的操作。但是我在使用easyui的弹出框的时候出现了问题，无法显示kindeditor插件，而不在dialog中使用时候是可以显
kindeditor在bootstap模态框modal中点击全屏空白无效，高度宽度拖动调整
小可的博客
09-21 826
1，改kindeditor.js 4907行，把’height’ : ‘1px’ 注释掉！ 2，resizeType 2或1或0，2时可以拖动改变宽度和高度，1时只能改变高度（右下角不能拖曳），0时不能拖动。
plugin.zip
07-26
Bootstrap的核心组件包括网格系统、排版、表单、按钮、导航、下拉菜单、警告提示、模态框等。通过引入Bootstrap，我们可以极大地提高开发效率，同时确保网站在不同设备上的良好显示效果。 其次，Bootstrap Table是...
解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
u012302981的博客
04-09 3056
Bootstrap模态窗口 第二次加载编辑器无效 Kindeditor解决方法： UEditor解决方法：
bootstrap中使用modal加载kindeditor时超链接的input框不能输入的问题
贵林之恋的博客
01-02 533
bootstrap中使用modal加载kindeditor时超链接的input框不能输入的问题，如图所示： 解决办法：去掉 tabindex="-1"  如图： 上传图片里面的网络图片也是相同的问题，如图： 解决办法和上面的一样，去掉 tabindex="-1"...
kindeditor在dialog弹出框,无法编辑，不能获取焦点
qq453200576的专栏
07-31 3177
问题描述：kindeditor在dialog弹出框,无法编辑，不能获取焦点 问题解决办法： 1.去掉页面或js初始化Kindeditor的操作 2.所有的初始化Kindeditor操作，由dialog操作 代码如下： function jaes_dialog(){     $("#div_controls").dialog({           title:
如何自定义kindeditor编辑器的工具栏items即去除不必要的工具栏或者保留部分工具栏
热门推荐
HJ850126的专栏
01-21 1万+
kindeditor编辑器的工具栏主要是指编辑器输入框上方的那些可以操作的菜单，默认情况下编辑器是给予了所有的工具栏。针对不同的用户，不同的项目，不同的环境，可能就需要保留部分工具栏。那么我们应该如何自定义自己想要的工具栏呢？工具栏如何编辑呢？我们分几种情况来加以阐述： 第一种：修改原始文件kindeditor.js对工具栏进行统一调整 kindeditor编辑器包内有一个kindeditor.j
KindEditor编译器与bootstrap搭建时遇见的教训（IE8)
xiaozhou_zi的博客
11-10 2179
1、点击KindEditor 图片的小图标时，然后选择本地上传图片时，点击浏览一点反应都没有，原因是当前聚焦的窗体是父窗体，没有聚焦到当前窗体,解决思路时，当展开该modal时，聚焦到当前modal上面 源码如下：$('#editStudy, #addStudy').on('shown.bs.modal', function() {          $(document).off('focu
ckeditor在bootstrap中modal中弹框无法输入问题
u011516312的博客
09-13 1026
//================================================ // 解决ckeditor在bootstrap中modal中弹框无法输入问题 // 在 jquery 和 bootstrap 之后引用 //================================================ var $modalElement = this.$elem...
Bootstrap打开Modal后再打开编辑层, 文本框不能输入
D的专栏
07-22 2635
tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> $("#setId").modal({"backdrop":"static"}).modal('show'); 去掉tabindex="-1"
Bootstrap模态框（Modal）插件详解及基本使用
击触发模态框的按钮添加data-toggle和data-target属性，分别指向模态框的ID 打开模态框 二．模态框的选项 Bootstrap的模态框提供了一些数据属性（data attributes）来控制其行为： 1. `data-toggle="modal"`：触发...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值