解决kindEditor编辑器设置在弹框中时，其内的文本框不能输入内容的问题

最新推荐文章于 2023-04-17 16:14:21 发布
最新推荐文章于 2023-04-17 16:14:21 发布
阅读量1.6k 收藏 1
点赞数
文章标签： javascript matlab 前端 ViewUI
原文链接：https://my.oschina.net/u/3748375/blog/3086053
版权

bootstrap中使用modal加载kindeditor时超链接的input框不能输入的问题

例如：超链接按钮、表格中的input框等

b03f4d698d4e10a5ba0d8b330f9696a6ead.jpg

解决办法：去掉 tabindex="-1" 

$("#弹框id").removeAttr("tabindex");

 

转载于:https://my.oschina.net/u/3748375/blog/3086053

chiai2298
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决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
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
12-10
最近在使用OneThink中自带的kindeditor编辑器的时候，保存草稿的时候，输入的内容总是不能够保存到后台。如下图 通过分析URL，发现原来content值为空 明明有值，为什么是空呢？但是如果不采用异步方式提交表单的...
解决KindEditor富文本编辑器model弹出层上文本框不能输入的问题（二）
书香代码
08-07 6995
贴张效果图吧。。。。。。。。。。。。。 type="button" class="btn btn-info" data-toggle="modal" data-target="#addModal"> 添加 class="modal fade bs-example-modal-lg" id="addModal" role="dialog" aria-labelledby
KindEditor在火狐浏览器上第一次加载不能编辑内容
weixin_34416649的博客
02-20 197
2019独角兽企业重金招聘Python工程师标准>>> ...
KindEditor在IE下无法输入
weixin_33859844的博客
04-10 144
遇到一个问题，在KindEditor 2.5.3在IE浏览器下无法获取输入的焦点，但是在chrome喝firefox下是好的。具体的原因不清楚。 转载于:https://blog.51cto.com/here2142/1393197...
kindeditor的超级链接等功能的文本输入框无法输入
东小记的博客
11-17 1304
本人的原因是因为编辑器是在bootstrap弹出层(modal)中实例化生成的，因此问题的解决方法在于模态框显示前调用一下一段代码即可： // 解决模态框中编辑器无法在文本框输入值的问题 $('#myModal').on('shown.bs.modal',function(){ $(document).off('focusin.modal'); });  ...
彻底解决asp中KindEditor编辑器无法获得提交的数据
04-14
声明一下 关于asp中KindEditor编辑器无法获得提交的数据问题，折腾了两天才搞定的，真不容易，kindeditor编辑器很棒，兼容各种浏览器，是web开发者不错的选择。
KindEditor ASP 版网站后台编辑器源码
01-17
资源名：KindEditor ASP 版后台编辑器源码 资源类型：程序源代码 源码说明： KindEditor ASP版后台编辑器UTF-8和GB2312均可用 这是KindEditor的ASP版网站后台编辑器，通过测试使用的。 兼容现有的各种浏览器，UTF-8...
bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
weixin_33966095的博客
01-08 142
为什么80%的码农都做不了架构师？>>> ...
layui弹框显示kindEditor,bug解决
iceking
06-28 2244
1.初始化layer和kindeditor layui.use(['layer'], function () { window.layer = layui.layer; KindEditor.ready(function (K) { window.K=K; mounted(); }); });...
esasyui 和 KindEditor 在同一页面,input无法获得焦点,无法输入
qq_25029919的专栏
12-25 465
头几次可以输入保存,后面就不行了, 原因:KindEditor 生成的iframe没有销毁,下次生成时起了冲突, 方法:保存后,执行 KindEditor.remove('textarea[name="faqContent"]');
关于那些第三方在线编辑器ckeditor、KindEditor等在火狐或谷歌下无法进入输入框的一个问题
傻得可以· 凯 前端银
10-30 1745
以前用的时候都没发现这样一个问题 就是当使用一些js弹窗效果时 在ie下正常 但在火狐或谷歌浏览器下无法输入 光标也进不去 但点下里面的一些按钮后又正常了 firebug下看代码发现 输入框里面的东西根本没加载出来 分析以上原因发现 只要不让调用第三方编辑器的js代码一开始就加载 使用某个事件就可以了 如 $("div").click(function(){
vue-KindEditor多次使用html赋值后，输入框无法选中，内容不回显
u010529525的博客
07-06 903
在elementUI的dialog中使用KindEditor 在文本框准备好后初始化 <textareav-if="editorShow"ref="news"v-model="ruleform.detail"class="infoContent"></textarea> this.$nextTick(()=>{ this.editor=KindEditor.create(this.$refs.news,that.editorOptio...
kindeditor的超链接和图片的输入框都不能输入
qq_30908729的博客
10-28 427
kindeditor的超链接和图片的输入框都不能输入 解决方法： 我是使用bootstrap的模态框弹出一个富文本编辑器，我的解决方法是去掉模态框的:http://www.yayihouse.com/yayishuwu/chapter/2197 ...
Cannot read properties of null (reading ‘getRangeAt‘) 解决在layer.open的弹出层中使用layedit时报错按钮不可点击问题
蜗牛~~
04-17 409
然后经测试测出，在弹框中使layedit操作按钮失效，点击时报这个错误 Cannot read properties of null (reading 'getRangeAt') （查找了半天资料，其实猜到是渲染问题，但不知道如何去改。后来发现很简单，只需要。最近在改之前的老项目angualr写的，它里面用到了。
在layui中layer弹出层点击事件无效的解决方法(亲测有效)
09-16 2923
1、click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事 件的 2、而(document).on(“click”,”指定的元素”,function()); 方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用：(document).on(“click”,”指定的元素”,function()); 方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用： (‘#test').on(
kindeditor编辑器 解决微软雅黑 会变成"问题
最新发布
05-24
解决方法是在编辑器的配置中设置一个参数，这个参数可以告诉编辑器不要对特殊字符进行转义。具体操作步骤如下： 1. 打开 KindEditor 的配置文件，一般是在 kindeditor/config.js 中。 2. 在配置文件中找到 items ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值