百度編輯器ueditor如何配置

徹底版:
一、加載
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="./ueditor/ueditor.all.js"></script>
二、建立容器
 有3種建立方法,可是官方推薦的是第2種script標籤:
a:
<div id="editor" style="width:800px;"></div>
b:
<div style="width:800px;margin:20px auto 40px;">
<script type="text/plain" id="editor" style="width:100%;height:500px;"></script>
</div>
c:
<textarea name="後臺取值的key" id="editor">這裏寫你的初始化內容</textarea>
三、載入編輯器
<script type="text/javascript" charset="utf-8">
        var editor = new baidu.editor.ui.Editor();
        editor.render('editor');  //editor爲編輯器容器的id
</script>
或者:
<script type="text/javascript">
        var ue = UE.getEditor('editor',{
        toolbars:[
        ['insertimage','attachment','pasteplain','FontSize','link','unlink']
         ],
          wordCount:true, //開啓字數統計
          elementPathEnabled : false,//是否啓用元素路徑,默認是顯示
          maximumWords:10000,       //容許的最大字符數
          initialContent:'歡迎使用ueditor!',    //初始化編輯器的內容,也能夠經過textarea/script給值,看官網例子
          autoClearinitialContent:true, //是否自動清除編輯器初始內容,注意:若是focus屬性設置爲true,這個也爲真,那麼編輯器一上來就會觸發致使初始化的內容看不到了
          pasteplain:true,  //是否默認爲純文本粘貼。false爲不使用純文本粘貼,true爲使用純文本粘貼
     });
</script> ----------------------------------------------------------------------------- 迷你版: 一、加載 <script type="text/javascript" src="./umeditor/umeditor.config.js"></script> <script type="text/javascript" src="./umeditor/umeditor.min.js"></script> 二、建立容器 <div style="width:800px;margin:20px auto 40px;"> <script type="text/plain" id="editor" style="width:100%;height:500px;"></script> </div> 三、載入編輯器 <script type="text/javascript" charset="utf-8"> var um = UM.getEditor('editor'); </script>
                                                      by:yttsic

                                                                     by:yttsicjavascript

相關文章
相關標籤/搜索