1. 程式人生 > >.net mvc 使用ueditor的開發(官網沒有net版本?)

.net mvc 使用ueditor的開發(官網沒有net版本?)

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>

 

執行成功。