.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>

 

運行成功。