zoukankan      html  css  js  c++  java
  • [解决方案]使用百度富文本编辑器,编辑显示不了内容

    我做了一个文章管理的系统,使用到了百度的富文本编辑,因为简单易用,所以我直接把编辑器的demo使用iframe的方式加载到页面中,如下图

    源码:

                    <div id="fContent" name="fContent">
                        <iframe src="~/Content/Scripts/ueditor1_4_3_3/demo.html" style="100%;height:450px;"
                                id="iframe_content" scrolling="no" frameborder="0"></iframe>
                    </div>

    提交时候,js的代码如图

    //ueditor参数的获取
    var iframe = document.getElementById("iframe_content");
    var iframewindow = iframe.contentWindow;
    var ue = iframewindow.UE.getEditor('editor');
    var Content = escape(ue.getContent());
    

    提交成功。

    然后,编辑它,发现报错了,提示信息如图:

    最终,找到了问题的终结所在,原因是控件还没有加载完成,就调用了富文本编辑器的这个方法,导致js无法调用到富文本编辑器的内部方法,以致报错

    解决办法如下:

    将js的初始加载方法

    更换成

    等待加载富文本编辑器,加载内部方法中

    让js本身等待页面加载完成以后再去调用富文本编辑器,这样才能调用到,最终的效果图如下:

    好了,有说的不对的还请多多指正!

    关注公众号,提出您的问题,我们会解决您的问题哟!

    公众号:sxmljs

  • 相关阅读:
    Cocos2dx-Android屏幕适配方案
    Cocos2dx-Mac下的环境配置
    Cocos2dx-C++和Lua数据通讯
    Cocos2dx-Lua与C++混合使用
    安装宝塔面板
    nginx配置ssl安全证书
    在nginx上运行spring
    spring在服务器上的启动和关闭jar包
    idea常用插件
    maven打包war
  • 原文地址:https://www.cnblogs.com/zhao365845726/p/8526941.html
Copyright © 2011-2022 走看看