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

未结贴
14 630
IBean
IBean 2017-06-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-06-15
    问题已解决,但是就解释,为啥我不能引入外部JQuery文件,删除JQuery那个引入以后就好使了
    0 回复
  • 墨福
    2017-06-15
    jquery好像不支持3.X版本把。
    0 回复
  • IBean
    2017-06-15
    @墨福 JQuery已经有3.x版本了,刚刚还发现,框架里自带的JQuery引入以后也会发生TypeError: t.getSelection(...) is null这个问题
    0 回复
  • 墨福
    2017-06-15
    我说的是layui对3.X版本的jquery支持不好,好像只能用2.X以下的。
    0 回复
  • IBean
    2017-06-15
    @墨福 但是我现在什么版本都没用,用的layui自身的layui.jquery依旧会有这个问题
    0 回复
  • 墨福
    2017-06-15
    你上面的代码不是引用了3.2.1的jquery吗
    0 回复
  • IBean
    2017-06-15
    @墨福 对,但是你不是说支持性不好嘛,然后我就删掉了,用layui里自带的JQuery,问题还是依旧
    0 回复
  • 墨福
    2017-06-15
    你贴下你新的代码把,这样比较好看点。
    0 回复
  • IBean
    2017-06-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 回复
  • 墨福
    2017-06-15
    我本地测试了下,没报错。不过我这边没global.js和otherpage.js这两个JS。
    还有最后的)}我改成})。
    0 回复
  • IBean
    2017-06-16
    @墨福 global这个应该没影响,我的哪些js代码就是放在otherpage里面的,最后的括号是复制代码手误。。能发一下你的页面代码给我吗,我看一下是不是其他地方有问题
    0 回复
  • 墨福
    2017-06-16
    <!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-06-16
    @墨福 谢谢,我再看一下我的
    0 回复
  • i993
    2017-06-16
    layui本身自带有jq,即使你不加载,框架也有用到,也会加载。

    高版本jq确实不兼容低版本一些方法的。
    0 回复
近期热议
layui 官网累计下载量突破 200000 69
(已结束)LayIM 3.x 标准版盛情巨惠,以最低门槛 加入 LayIM 会员群 56
很好奇社区里使用layui的程序员里面是前端的多还是后端的多 25
字体图标是不是有点少了 16
php多久能学会 15
建议LayUI永久免费,不要发布收费版本 14
有购买LayIm 整套的朋友吗?进来解答解答 14
按照社区的模版用了一周时间,仿照了个系统,献丑了,晒晒哈 14
关于动态TABLE 12
贤心你好,请教几个技术问题? 11
layui

微信扫码关注 layui 公众号