解决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
关注
解决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富文本编辑器时，可能会遇到一个问题，即在尝试异步提交编辑器中修改的内容时，服务器接收到的content值为空。这个问题可能会导致用户编辑的内容无法正确保存到后台数据库，从而...
解决KindEditor富文本编辑器model弹出层上文本框不能输入的问题（二）
书香代码
08-07 7026
贴张效果图吧。。。。。。。。。。。。。 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 212
2019独角兽企业重金招聘Python工程师标准>>> ...
KindEditor在IE下无法输入
weixin_33859844的博客
04-10 156
遇到一个问题，在KindEditor 2.5.3在IE浏览器下无法获取输入的焦点，但是在chrome喝firefox下是好的。具体的原因不清楚。 转载于:https://blog.51cto.com/here2142/1393197...
kindeditor的超级链接等功能的文本输入框无法输入
东小记的博客
11-17 1337
本人的原因是因为编辑器是在bootstrap弹出层(modal)中实例化生成的，因此问题的解决方法在于模态框显示前调用一下一段代码即可： // 解决模态框中编辑器无法在文本框输入值的问题 $('#myModal').on('shown.bs.modal',function(){ $(document).off('focusin.modal'); });  ...
彻底解决asp中KindEditor编辑器无法获得提交的数据
04-14
在ASP环境中使用KindEditor编辑器时，可能会遇到一个常见问题：无法正确获取编辑器内用户提交的数据。这通常发生在需要将编辑器内的HTML内容作为表单的一部分提交给服务器端处理的情况下。为了解决这个问题，我们...
bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
weixin_33966095的博客
01-08 151
为什么80%的码农都做不了架构师？>>> ...
layui弹框显示kindEditor,bug解决
iceking
06-28 2281
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 473
头几次可以输入保存,后面就不行了, 原因:KindEditor 生成的iframe没有销毁,下次生成时起了冲突, 方法:保存后,执行 KindEditor.remove('textarea[name="faqContent"]');
关于那些第三方在线编辑器ckeditor、KindEditor等在火狐或谷歌下无法进入输入框的一个问题
傻得可以· 凯 前端银
10-30 1775
以前用的时候都没发现这样一个问题 就是当使用一些js弹窗效果时 在ie下正常 但在火狐或谷歌浏览器下无法输入 光标也进不去 但点下里面的一些按钮后又正常了 firebug下看代码发现 输入框里面的东西根本没加载出来 分析以上原因发现 只要不让调用第三方编辑器的js代码一开始就加载 使用某个事件就可以了 如 $("div").click(function(){
浅谈layer.open的弹出层中的富文本编辑器为何不起作用！
sxs161028的博客
07-05 4967
很多童鞋都喜欢用贤心的layui框架。是的，我也喜欢用，方便，简单。但是呢，有时候项目中的需求会不一样，导致我们用的时候，显示效果可能会不一样，好吧。这样的话，个别遇到的问题总是解决不好，但是呢还是那句话，多研究一下，就都会有解决方法的。最近做的项目需求就是富文本编辑器要在弹出框中显示，好吧。本来以为可以没任何阻碍，后来发现编辑器在弹出框中总是不灵活，甚至图标都打不开。我想很多童鞋的写法是这样的：1
vue-KindEditor多次使用html赋值后，输入框无法选中，内容不回显
u010529525的博客
07-06 936
在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富文本框无法编辑或者内容改变无法触发事件
weixin_43258364的博客
04-16 1322
KindEditor富文本框在dialog下的创建与使用jquery框架下使用KindEditor创建editoreditor内容改变事件 jquery框架下使用KindEditor 在主流的前端框架（如：bootstrap）下在dialog页使用富文本编辑器并不会出现无法编辑的现象，而jquery则存在某种限制，我尝试很多方法然后使用其中的一种，大家有什么其他想法也可以分享讨论。 创建editor html代码 <!-- demo内容弹框 --> <div id="demo-dialog
kindeditor的超链接和图片的输入框都不能输入
qq_30908729的博客
10-28 437
kindeditor的超链接和图片的输入框都不能输入 解决方法： 我是使用bootstrap的模态框弹出一个富文本编辑器，我的解决方法是去掉模态框的:http://www.yayihouse.com/yayishuwu/chapter/2197 ...
Cannot read properties of null (reading ‘getRangeAt‘) 解决在layer.open的弹出层中使用layedit时报错按钮不可点击问题
最新发布
蜗牛~~
04-17 458
然后经测试测出，在弹框中使layedit操作按钮失效，点击时报这个错误 Cannot read properties of null (reading 'getRangeAt') （查找了半天资料，其实猜到是渲染问题，但不知道如何去改。后来发现很简单，只需要。最近在改之前的老项目angualr写的，它里面用到了。
在layui中layer弹出层点击事件无效的解决方法(亲测有效)
09-16 3018
1、click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事 件的 2、而(document).on(“click”,”指定的元素”,function()); 方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用：(document).on(“click”,”指定的元素”,function()); 方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件不起作用： (‘#test').on(
ASP.NET实战：KindEditor文本编辑器配置教程
ASP.NET配置KindEditor文本编辑器教程是一篇针对.NET开发者分享的实用指南，帮助他们在ASP.NET项目中集成和配置KindEditor，这是一种强大的开源在线HTML编辑器。KindEditor的优势在于它提供了所见即所得的编辑体验，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值