徹底版: 一、加載 <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