富文本编辑器问题,Edge正常,Firefox和Chrome都无法使用

未结贴
14 308
IBean IBean 发布于9天前
悬赏:5飞吻
前端页面
<textarea id="zledit" style="display: none;"></textarea>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="layui/layui.js" charset="utf-8"></script>
<script src="js/otherpage.js" charset="utf-8"></script>

otherpage.js

layui.use([ 'form', 'upload', 'layer','layedit' ], function() {
var form = layui.form(),
layer = layui.layer,
layedit = layui.layedit;
var zledit = layedit.build('zledit');
其他代码省略。。。
})

报错:TypeError: t.getSelection(...) is null
空闲广告位,联系:xianxin@layui.com
  • IBean IBean
    9天前
    问题已解决,但是就解释,为啥我不能引入外部JQuery文件,删除JQuery那个引入以后就好使了
    0 回复
  • jquery好像不支持3.X版本把。
    0 回复
  • IBean IBean
    9天前
    @墨福 JQuery已经有3.x版本了,刚刚还发现,框架里自带的JQuery引入以后也会发生TypeError: t.getSelection(...) is null这个问题
    0 回复
  • 我说的是layui对3.X版本的jquery支持不好,好像只能用2.X以下的。
    0 回复
  • IBean IBean
    9天前
    @墨福 但是我现在什么版本都没用,用的layui自身的layui.jquery依旧会有这个问题
    0 回复
  • 你上面的代码不是引用了3.2.1的jquery吗
    0 回复
  • IBean IBean
    9天前
    @墨福 对,但是你不是说支持性不好嘛,然后我就删掉了,用layui里自带的JQuery,问题还是依旧
    0 回复
  • 你贴下你新的代码把,这样比较好看点。
    0 回复
  • IBean IBean
    9天前
    @墨福
    <textarea id="zledit" style="display: none;"></textarea>

    <script src="layui/layui.js" charset="utf-8"></script>
    <script src="js/global.js" charset="utf-8"></script>
    <script src="js/otherpage.js" charset="utf-8"></script>

    layui.use(['jquery', 'form', 'upload', 'layer', 'layedit' ], function() {
    var form = layui.form(),
    layer = layui.layer,
    layedit = layui.layedit,
    $ = layui.jquery;

    layedit.set({
    uploadImage : {
    url : '', //接口url
    }
    })

    var zledit = layedit.build('zledit', {
    height : 150,
    tool : [ 'strong', 'italic', 'underline', 'del', '|', 'left', 'center', 'right', '|', 'link', 'unlink', 'image' ]
    });
    。。。。
    )}
    0 回复
  • 我本地测试了下,没报错。不过我这边没global.js和otherpage.js这两个JS。
    还有最后的)}我改成})。
    0 回复
  • IBean IBean
    9天前
    @墨福 global这个应该没影响,我的哪些js代码就是放在otherpage里面的,最后的括号是复制代码手误。。能发一下你的页面代码给我吗,我看一下是不是其他地方有问题
    0 回复
  • <!DOCTYPE html>
    <html>

    <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="Content/layui/css/layui.css" />
    <script src="Content/layui/layui.js"></script>
    <title></title>
    </head>

    <body>
    <form class="layui-form" name="infoForm" id="infoForm">
    <div class="layui-form-item">
    <label class="layui-form-label">标题:</label>
    <div class="layui-input-block">
    <input type="text" name="txt1" required lay-verify="required" placeholder="请输入标题" class="layui-input" />
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">标题:</label>
    <div class="layui-input-block">
    <input type="text" name="txt2" required lay-verify="required" placeholder="请输入标题" class="layui-input" />
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">标题:</label>
    <div class="layui-input-block">
    <input type="text" name="txt3" required lay-verify="required" placeholder="请输入标题" class="layui-input" />
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">富文本:</label>
    <div class="layui-input-block">
    <textarea id="zledit" style="display: none;"></textarea>
    </div>
    </div>
    <div style="position: relative; padding: 10px; font-size: 14px;">
    <div class="layui-input-block">
    <button class="layui-btn" lay-filter="btnSubmit" lay-submit>立即提交</button>
    <button type="button" class="layui-btn layui-btn-primary">关闭</button>
    </div>
    </div>
    </form>
    <script>
    layui.use(['jquery', 'form', 'upload', 'layer', 'layedit'], function() {
    var form = layui.form(),
    layer = layui.layer,
    layedit = layui.layedit,
    $ = layui.jquery;

    layedit.set({
    uploadImage: {
    url: '', //接口url
    }
    })

    var zledit = layedit.build('zledit', {
    height: 150,
    tool: ['strong', 'italic', 'underline', 'del', '|', 'left', 'center', 'right', '|', 'link', 'unlink', 'image']
    });
    })
    </script>
    </body>

    </html>
    0 回复
  • IBean IBean
    9天前
    @墨福 谢谢,我再看一下我的
    0 回复
  • i993 i993
    9天前
    layui本身自带有jq,即使你不加载,框架也有用到,也会加载。

    高版本jq确实不兼容低版本一些方法的。
    0 回复
最近热帖
完全基于 layui 开发的后台管理模板 2726
三层导航怎么做? 638
「源码市场」 正式版本上线 基于layui开发 571
2.0啥时候出啊,新项目要启动了 516
给2.0一些期待 448
麻烦朋友们投个票呗,FLY社区模板+thinkphp5驱动+个人DIY 373
layui整合datatable了么 314
ajax修改资料成功后 怎么进行初始化 页面刷新还是调用登录时的缓存 273
form.render('select') 更新渲染问题 240
select 动态操作不起作用,求助 202
近期热议
完全基于 layui 开发的后台管理模板 35
layui富文本编辑器图片上传无法回显 15
表单校验无效,找了好长时间找不到原因,求大神看下 14
这个社区的完整源码能不能共享 13
ajax修改资料成功后 怎么进行初始化 页面刷新还是调用登录时的缓存 10
select 动态操作不起作用,求助 10
给2.0一些期待 9
laytpl不解析 8
如何给弹出层传参数? 8
文本编辑器出不来 8