iceEditor富文本編輯器 v1.1.9

iceEditor編輯器

  • 源碼大?。?span itemprop="fileSize">55KB
  • 源碼語言:簡體中文
  • 源碼類型:國產軟件
  • 源碼授權:免費軟件
  • 更新時間:2022-03-07 16:24:25
  • 源碼類別:網頁編輯器
  • 源碼官網:
  • 網友評分:源碼評分
  • 應用平臺: JavaScript
55KB
360通過 騰訊通過 金山通過
內容介紹熱點排行相關文章下載地址↓

 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;

人氣源碼
下載地址
相關文章
網友評論
下載聲明

☉ 解壓密碼:www.dreamboatsglobal.com 就是本站主域名,希望大家看清楚,[ 分享碼的獲取方法 ]可以參考這篇文章
☉ 推薦使用 [ 迅雷 ] 下載,使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
☉ 如果這個軟件總是不能下載的請在評論中留言,我們會盡快修復,謝謝!
☉ 下載本站資源,如果服務器暫不能下載請過一段時間重試!或者多試試幾個下載地址
☉ 如果遇到什么問題,請評論留言,我們定會解決問題,謝謝大家支持!
☉ 本站提供的一些商業軟件是供學習研究之用,如用于商業用途,請購買正版。
☉ 本站提供的iceEditor富文本編輯器 v1.1.9資源來源互聯網,版權歸該下載資源的合法擁有者所有。

免费人成视频在线观看