1. 程式人生 > >ueditor編輯器的使用

ueditor編輯器的使用

本文介紹如何引入ueditor,並拿到文字框的值

一 首選引入js檔案

這裡寫圖片描述

  <script type="text/javascript" charset="utf-8" src="../ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="../ueditor/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset
="utf-8" src="../ueditor/lang/zh-cn/zh-cn.js">
</script>

二 載入編輯器

這裡寫圖片描述

 <input type="button" name="chakan" value="chakan" onclick="aaa()"/>
                 <!-- 載入編輯器的容器 -->
                <script id="container" name="content" type="text/plain">
                這裡寫你的初始化內容
                
</script> <script type="text/javascript"> var ue = UE.getEditor('container'); function aaa(){ //getPlainTxt() 獲得純文字內容並保留段落格式 //getContentTxt() 獲取編輯器中的純文字內容,沒有段落格式 alert(ue.getPlainTxt()); }
</script>

效果圖(獲得純文字內容 有段落格式)


這裡寫圖片描述