ueditor setContent()报错

haibao 案例 2018-03-22 12:22 171
人生中最大的两个财富是: 你的才华和你的时间。才华越来越多而时间越来越少。我们的一生就是用时间来换取才华。

欢迎您,我猜是来自的朋友! 本文共316个字,预计阅读时间需要1分钟。

如题,今天有人在前端群里问了一个问题:百度编辑器ueditor 怎么插入代码?

然后我试了一下,写了一个测试demo,如下图:

咦,居然报错了:

Uncaught TypeError: Cannot set property 'innerHTML' of undefined

解决方法:给ueaddListenerready监听,如下图:

顺便贴一下代码吧,仅供参考:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>test</title>
    <link rel="stylesheet" href="http://ueditor.baidu.com/ueditor/themes/default/css/ueditor.css">
</head>
<body>
    <div id="wrapper">
        <script type="text/plain" id="editor"></script>
    </div>
 
    <script src="http://ueditor.baidu.com/ueditor/ueditor.config.js"></script>
    <script src="http://ueditor.baidu.com/ueditor/ueditor.all.js"></script>
    <script src="http://ueditor.baidu.com/ueditor/lang/zh-cn/zh-cn.js"></script>
    <script src="http://img.baidu.com/hunter/ueditor.js"></script>
    <script>
        let ue = UE.getEditor('editor');
        //判断ueditor 编辑器是否创建成功
        ue.addListener("ready", function () {
            // editor准备好之后才可以使用
            ue.setContent('content');
        });
    </script>
</body>
</html>

ok, 本篇完,谢谢!

本文标题:ueditor setContent()报错

本文地址:http://www.hehaibao.com/ueditor-setcontent-error/

版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>