css

<div class="layui-input-inline" style="width:1100px;"><div class="noticeContent"><textarea id="Introduce1" name="處分結果" class="form-control" style="z-index:19991015"></textarea></div> </div>

引用插件

<script src="~/Areas/JL_jilu/ckeditor/ckeditor.js"></script>

js

var CKEDITOR; var Introduce1; $(".layui-layer-shade").css("z-index", "0");$(".layui-layer").css("z-index", "1");if (CKEDITOR.instances['Introduce1']) {CKEDITOR.instances['Introduce1'].destroy();}CKEDITOR.replace('Introduce1', {language: 'zh-cn',});CKEDITOR.instances.Introduce1.getData("");

找到存放ckeditor插件里面的config.js插件，添加上：

config.baseFloatZIndex = 199910156;

這樣在layui模態框里面富文本的大小字體等下拉就出來了。

總結

以上是生活随笔為你收集整理的解决ckeditor富文本在layui 弹框中大小字体等下拉不显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。