iceEditor富文本編輯器 v1.1.9

 iceEditor是一款簡約風格的富文本編輯器，體型十分嬌小，無任何依賴，整個編輯器只有一個文件，功能卻很不平凡!簡約的唯美設計，簡潔、極速、使用它的時候不需要引用jQuery、font、css……等文件，因為整個編輯器只是一個Js，支持上傳圖片、附件!支持添加音樂、視頻!

優點

純原生開發，無任何依賴，冰清玉潔

響應式布局，適應任何分辨率的設備

整個編輯器只有一個文件，高效便捷

簡約的唯美設計，簡潔、極速

提示

iceui 前端框架已經已集成該編輯器。

注意

iceEditor.js的引用禁止放在head標簽內，請盡量放在body中或body后面!

使用

<!-- 也可以直接使用textarea，放在form表單中可以直接提交 -->

<!-- <textarea id="editor" name="content"> 歡迎使用iceEditor富文本編輯器 </textarea> -->

<div id="editor"> 歡迎使用iceEditor富文本編輯器 </div>

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/iceuinet/iceEditor/src/iceEditor.min.js"></script>

 

//第一步：創建實例化對象

var e = new ice.editor('content');

//第二步：配置圖片或附件上傳提交表單的路徑

//如果你的項目使用的php開發，可直接使用upload.php文件

//其它的編程語言需要你單獨處理，后期我會放出.net java等語言代碼

//具體與你平常處理multipart/form-data類型的表單一樣

//唯一需要注意的就是：處理表單成功后要返回json格式字符串，不能包含其它多余的信息：

//url：文件的地址

//name：文件的名稱（包含后綴）

//error：上傳成功為0，其它為錯誤信息，將以彈窗形式提醒用戶

//例如批量上傳了兩張圖片：

//[

// {url:'/upload/img/153444.jpg', name:'153444.jpg', error:0},

// {url:'/upload/img/153445.jpg', name:'153445.jpg', error:'禁止該文件類型上傳'}

//]

e.uploadUrl="/iceEditor/src/upload.php";

//第三步：配置菜單（默認加載全部，無需配置）

e.menu = [

'backColor', //字體背景顏色

'fontSize', //字體大小

'foreColor', //字體顏色

'bold', //粗體

'italic', //斜體

'underline', //下劃線

'strikeThrough', //刪除線

'justifyLeft', //左對齊

'justifyCenter', //居中對齊

'justifyRight', //右對齊

'indent', //增加縮進

'outdent', //減少縮進

'insertOrderedList', //有序列表

'insertUnorderedList', //無序列表

'superscript', //上標

'subscript', //下標

'createLink', //創建連接

'unlink', //取消連接

'hr', //水平線

'table', //表格

'files', //附件

'music', //音樂

'video', //視頻

'insertImage', //圖片

'removeFormat', //格式化樣式

'code', //源碼

'line' //菜單分割線

];

//第四步：創建

e.create();

設置編輯器尺寸

var e = new ice.editor('content');

e.width='700px'; //寬度

e.height='300px'; //高度

e.create();

禁用編輯器

//初始化過程中的禁用方式

var e = new ice.editor('content');

e.disabled=true;

e.create();

//通過方法禁用輸入

e.inputDisabled();

//取消禁用，恢復輸入狀態

e.inputEnable();

獲取內容

var e = new ice.editor('content');

console.log(e.getHTML()); //獲取HTML格式內容

console.log(e.getText()); //獲取Text格式內容

console.log(e.getValue()); //同getHTML，只是為了好記

設置內容

var e = new ice.editor('content');

e.setValue('hello world！');

追加內容

var e = new ice.editor('content');

e.addValue('hello world！');

監聽輸入內容

var e = new ice.editor('content');

//html：html格式

//text：純文本格式

e.inputCallback(function(html,text){

//console.log(this.getHTML()) 方法內的this為e對象，html等價于this.getHTML()

console.log(html);

});

禁用截圖粘貼功能

var e = new ice.editor('content');

e.screenshot=false;

禁用截圖粘貼直接上傳功能

//禁用后，將默認以base64格式顯示圖片

var e = new ice.editor('content');

e.screenshotUpload=false;

網絡圖片自動下載到本地

var e = new ice.editor('content');

e.imgAutoUpload=false;

網絡圖片自動下載到本地，域名白名單

var e = new ice.editor('content');

//默認為false，自動過濾當前域名，如果該圖保存到第三方存儲平臺，例如七牛，可添加該域名，這樣避免重復下載

//配置其它域名 格式為數組，例如七牛

e.imgDomain=['www.qiniu.com'];

開啟富文本粘貼，可粘貼Word

var e = new ice.editor('content');

e.pasteText=false;