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

2020-10-23  本文已影响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);
}
上一篇下一篇

猜你喜欢

热点阅读