美文网首页
Ueditor富文本编辑器使用方法赋值和取值

Ueditor富文本编辑器使用方法赋值和取值

作者: 落魂灬 | 来源:发表于2020-10-23 16:36 被阅读0次

    1.html页面

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Insert title here</title>
    </head>
    <body>
     
    <script id="container" name="content" type="text/plain">
       这里写初始化内容
    </script>
     
    <script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.config.js"></script>
        <script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.all.min.js"> </script>
        <script type="text/javascript" charset="utf-8" src="js/ueditor/zh-cn.js"></script>
     
    <script type="text/javascript">
        var ue=UE.getEditor("container");
    </script>
    </body>
    </html>
    

    1.取值

    function getContent() {
                 var arr = [];
                  arr.push("使用editor.getContent()方法可以获得编辑器的内容");
                  arr.push("内容为:");
                  arr.push(ue.getContent());
                  alert(arr.join("\n"));
          }
    

    2.赋值

    // 上面的UEditor对象准备好之后,下面才可以使用。
    ue.addListener("ready", function () {
            //赋值
            ue.setContent("要传入的值");
            //取值
            var content = ue.getContent();
            //输出测试
            console.log(content);
    }
    

    相关文章

      网友评论

          本文标题:Ueditor富文本编辑器使用方法赋值和取值

          本文链接:https://www.haomeiwen.com/subject/ynwvmktx.html