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

提问 未结
14 1130
IBean
IBean 2017-6-15
悬赏: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
回帖
  • IBean
    2017-6-15
    问题已解决,但是就解释,为啥我不能引入外部JQuery文件,删除JQuery那个引入以后就好使了
    0 回复
  • jquery好像不支持3.X版本把。
    0 回复
  • IBean
    2017-6-15
    @墨福 JQuery已经有3.x版本了,刚刚还发现,框架里自带的JQuery引入以后也会发生TypeError: t.getSelection(...) is null这个问题
    0 回复
  • 我说的是layui对3.X版本的jquery支持不好,好像只能用2.X以下的。
    0 回复
  • IBean
    2017-6-15
    @墨福 但是我现在什么版本都没用,用的layui自身的layui.jquery依旧会有这个问题
    0 回复
  • 你上面的代码不是引用了3.2.1的jquery吗
    0 回复
  • IBean
    2017-6-15
    @墨福 对,但是你不是说支持性不好嘛,然后我就删掉了,用layui里自带的JQuery,问题还是依旧
    0 回复
  • 你贴下你新的代码把,这样比较好看点。
    0 回复
  • IBean
    2017-6-15
    @墨福
    <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
    2017-6-16
    @墨福 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
    2017-6-16
    @墨福 谢谢,我再看一下我的
    0 回复
  • i993
    2017-6-16
    layui本身自带有jq,即使你不加载,框架也有用到,也会加载。

    高版本jq确实不兼容低版本一些方法的。
    0 回复