zoukankan      html  css  js  c++  java
  • layui下各种富文本的冲突情况

    自己写了个后台,前端用layui搭载,后端php,就是我自己的技术博客。

    百度的富文本有比较多的坑,就不一一列举了,之所以还坚持用它的原因在于“功能多”,并且不冲突。

    之前很喜欢博客园的富文本的样子,用的tinymce,是好看,但是用到我的后台,不论是在线还是下载下来,都有一堆的bug,最要命的是,放进来之后的编辑器根本没法儿用,点不了。

    经过千辛万苦的排查,终于发现是跟layui的js和css冲突了,因为我把继承模板的属性删除掉(不引用layui的任何插件),然后再把富文本的挂载点移出form,就可以正常使用了,可是我要的不是这样的正常使用啊,这样使用的话我所有的样式都没有了。果断放弃这个。

    king可是一样的毛病。

    wang之前用过,但是苦于功能点比较少,没有首行缩进什么的,也不好意思让运营小妹妹老手动首行缩进,pass掉,虽然说界面真的很好看,之前用这个富文本做过手机端的在线编辑。

    layui自带的富文本倒是好用也好看,可是功能太少了啊啊啊啊啊....

    所以最后还是乖乖用回百度富文本编辑器。

    但是百度的也有问题,就是在我编辑文章的时候,赋值报错,不管有没有转义有没有转换特殊符号,报错就在那里,不来不去。导致我的编辑页面的富文本编辑器就没法儿渲染出来,运营小妹妹跟我说这个编辑器不见了。。。

    行叭,百度发现如下原因:

    1. 时间问题,在dom没有反应过来的时候设置是会报错的。

    2. 特殊符号问题

    3. 这位大佬:https://blog.csdn.net/askycat/article/details/61206818

    代码更改如下:

    <!-- 现将博文内容放到code中,然后ueditor再从这里取值 -->
        <code id="testcon" style="display:none;">
            ${queryArtid.aContent }    
       </code>
    $(function(){
         window.setTimeout(setContent,1000);//一秒后再调用赋值方法
    });
    //给ueditor插入值
    function setContent(){
        UE.getEditor('editor').execCommand('insertHtml', $('#testcon').html());
    }

    问题解决~

    技术最菜,头发最少
  • 相关阅读:
    1.初识Redis
    2.API的理解和使用
    8.rabbitmq RPC模拟微服务架构中的服务调用
    9.[完]其他常用的rabbitmq的参数和设置
    6.Header交换机之模拟验证用户身份
    C#中复制文件夹及文件的两种方法
    python通过递归将多维字典转化为二维
    python venv flask gunicorn 部署与 pycharm 连接
    Nagios(centos 6.5)调用NSClient++/NRPE+Powershell脚本(windows server 2008 r2)监控网络情况
    Nagios 调用华为云短信平台进行报警
  • 原文地址:https://www.cnblogs.com/gushengyan/p/11024671.html
Copyright © 2011-2022 走看看