废话不多说了直接给大家贴代码了，具体代码如下所示：
$('#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富文本编辑器时，有时会出现一个常见的问题，即在模态框中无法输入文本。这个问题通常由于Bootstrap的内置行为导致，它在模态框打开时会阻止焦点事件，以防止在模态框外的元素意外获得焦点。为了解决这个问题，我们可以按照以下步骤进行操作：
1. **添加事件监听器**：
我们需要在模态框显示之前和之后分别添加和移除事件监听器。在`shown`事件中，我们需要移除`focusin.modal`事件处理程序。这是因为这个事件监听器在默认情况下阻止了文本框的焦点获取。以下是相应的代码片段：
```javascript
$('#myModal').on('shown', function() {
$(document).off('focusin.modal');
});
$('#myModal').modal('show');
$('#myModal').on('shown', function () {
// 这一句解决了问题
$(document).off('focusin.modal');
// 创建KindEditor编辑器
KindEditor.create('textarea[name="content"]', {resizeType : 1});
});
// 在隐藏模态框之前移除编辑器
$('#myModal').on('hidden', function () {
KindEditor.remove('textarea[name="content"]');
});
```
2. **理解Bootstrap Modal事件**：
- `shown`: 这个事件在模态框完全显示并且所有CSS过渡效果完成后触发。
- `hidden`: 当模态框被隐藏并且所有CSS过渡效果完成后触发。
3. **创建和销毁KindEditor**：
在`shown`事件中，我们使用KindEditor创建富文本编辑器，指定要编辑的textarea的name属性，以及设置`resizeType : 1`，允许用户在编辑器内容区域进行垂直拖动调整大小。
在`hidden`事件中，我们移除KindEditor实例，确保当模态框关闭时，不再占用内存。
4. **自定义模态框功能**：
示例代码中还包含了一些自定义模态框的函数，如`computeMaskHeight`和`block`。`computeMaskHeight`用于计算遮罩层的高度，以适应内容区域。`block`函数则用于构建自定义模态框，可以设置标题、是否显示关闭按钮、确定按钮等属性，并提供了回调函数以处理用户交互。
5. **其他注意事项**：
- 确保引入了Bootstrap和KindEditor的相关CSS和JavaScript库。
- 如果有多个模态框或多个KindEditor实例，记得适当地绑定和解绑事件，以避免冲突。
- 检查HTML结构，确保textarea的id或name与JavaScript代码中匹配。
通过以上方法，我们可以成功解决在Bootstrap的模态框中使用KindEditor时文本框无法输入的问题。这种解决方案适用于任何依赖于焦点的富文本编辑器，不仅仅是KindEditor。同时，对于其他可能遇到类似问题的组件，也可以采取类似的策略，即在打开模态框时解除焦点限制，关闭时恢复。
