UEditor富文本編輯器,輕量,可定製

加載頁面:

<!DOCTYPE HTML>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <title>ueditor demo</title>
</head>

<body>
    <!-- 加載編輯器的容器 -->
    <script id="container" name="content" type="text/plain">
        這裏寫你的初始化內容
    </script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="ueditor.config.js"></script>
    <!-- 編輯器源碼文件 -->
    <script type="text/javascript" src="ueditor.all.js"></script>
    <!-- 實例化編輯器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>
</body>

</html>

JS調用:通 getContent 和 setContent 方法可以設置和讀取編輯器的內容


var ue = UE.getContent();
//對編輯器的操作最好在編輯器ready之後再做
ue.ready(function() {
    //設置編輯器的內容
    ue.setContent('hello');
    //獲取html內容,返回: <p>hello</p>
    var html = ue.getContent();
    //獲取純文本內容,返回: hello
    var txt = ue.getContentTxt();
});

官方地址:

http://fex.baidu.com/ueditor/


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章