頁面特效 UI組件庫 菜單導航 窗口特效 幻燈片滑動 圖像相冊 表單 選項卡 表格 評分星級 手風琴 文本鏈接 布局 日歷 顏色選擇器 按鈕 圖表 html5 提示 ExtJS 在線客服 其他特效 地圖 樹形控件 移動開發 BootStrap 滑動條 文件上傳 表單驗證 分頁 播放器 Angular VUE

Neditor是基于Ueditor的一款現代化界面的富文本編輯器。

表單 HTML我幫您 4天前  次瀏覽

Neditor是基于Ueditor的一款現代化界面的富文本編輯器。

基于Ueditor的一款現代化界面的Neditor

第一步:下載編輯器

方式一:完整安裝包 (推薦)

方式二: npm安裝

npm i @notadd/neditor -S

方式三:編譯安裝

git clone https://github.com/notadd/neditor.git npm install npm run build

第二步:在瀏覽器打開 index.html

進入到目錄 dist , 使用瀏覽器打開文件 index.html

如果看到了下面這樣的編輯器,恭喜你,初次部署成功!

部署成功

相關版本

Angular 版 Neditor

Vue 版 Neditor 【第三方維護】

Rails 版 Neditor 【第三方維護】

技術支持

該項目基于 MIT 協議開源,任何組織/企業以及個人都可以免費使用(保留版權)。
如果您需要額外商業技術支持或者定制編輯器,請聯系 QQ:1256985886

其他版本待添加

自定義的參數

編輯器有很多可自定義的參數項,在實例化的時候可以傳入給編輯器:

var ue = UE.getEditor('container', {  autoHeight: false });

配置項也可以通過 neditor.config.js 文件修改,具體的配置方法請看 [前端配置項說明](http://fex.baidu.com/ueditor/#start-config1.4 前端配置項說明.md)、后端配置項說明

編輯器圖片、視頻、涂鴉、附件上傳service

編輯器上傳邏輯單獨在 neditor.service.js 文件配置,具體的配置方法見注釋

設置和讀取編輯器的內容

通 getContent 和 setContent 方法可以設置和讀取編輯器的內容

var ue = UE.getContent(); ue.ready(function(){  //設置編輯器的內容  ue.setContent('hello');  //獲取html內容,返回: <p>hello</p>  var html = ue.getContent();  //獲取純文本內容,返回: hello  var txt = ue.getContentTxt(); });

Ueditor 的更多API請看API 文檔



相關鏈接

發表評論

经典黑杰克游戏