.net mvc 使用ueditor的開發(官網沒有net版本?)
阿新 • • 發佈:2018-11-11
1.ueditor的下載匯入
官網下載地址:https://ueditor.baidu.com/website/download.html
· 介紹
有兩種,一種開發版,一種Mini版,分別長這樣:
我們下載開發版的,看上去功能多。
· 下載
為什麼別人的官網裡有.NET???
我的官網下載頁面這樣:
下載了完整版後,發現裡面有net。
· 修改
那就把asp版本的拼一下吧。
將下載的asp版本中的asp資料夾,替換為上圖的net資料夾
然後,修改ueditor.config.js配置檔案,
開啟index.html檔案,發現完整demo顯示出來了
這樣就可以使用了
2.在mvc程式中使用
在專案的根目錄建立一個資料夾,我這裡取名為ueditor
將之前整合好的資料夾中的內容,複製到這個資料夾下
在cshtml中,引用這個目錄下的js,編寫demo
參照index.html的例子,程式碼如下:
script部分:
<script src="~/ueditor/ueditor.config.js"></script> <script src="~/ueditor/ueditor.all.min.js"></script> <script src="~/ueditor/lang/zh-cn/zh-cn.js"></script> <script type="text/javascript"> //例項化編輯器 //建議使用工廠方法getEditor建立和引用編輯器例項,如果在某個閉包下引用該編輯器,直接呼叫UE.getEditor('editor')就能拿到相關的例項 var ue = UE.getEditor('editor'); </script>
這裡的src根據自己的目錄修改
html部分:
<div> <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script> </div>
執行成功。