ueditor富文本編輯在 asp.net MVC下使用步驟

mvc項目中用到了這個富文本編輯就試着把遇到的問題個使用步驟在這裏記錄一下，但願你們少走彎路。

1.首先咱們先下載net版本的uediot

r.

2.而後把整個文檔拷貝到咱們的項目中，記得是整個

3.下邊是要修改ueditor.config.js文件

要修改的地方就一個

由於個人目錄是這樣的

4.接着修改net文件下config.json文件

這個就是要修改你上傳一些文件要存儲的路徑，很少說了。（注意這裏的路徑若是不正確圖片或者其餘的就顯示不出來的）

5.就是要在你的html頁面寫Ueditor就能夠了。

6.這裏遇到的問題有兩個

（1）經過form表單或者直接傳給controller,文本編輯內容都取不到並且報錯說驗證XXX內容不安全。

這是由於傳過來的是html文本，咱們要用FormCollection獲取值並在controller加上 [ValidateInput(false)]

（2）第二個問題就是說找不到zeroclipboard.config is not a function（可能有的人遇不到這個問題）

這個就要修改ZeroClipboard.js了,具體緣由看一下這個http://www.cnblogs.com/TiestoRay/p/4997195.html

近期該項目引入了Requirejs，結果發如今有富文本編輯器的頁面都會在控制檯報出以下異常：

Uncaught ReferenceError: ZeroClipboard is not defined                 ueditor.all.min.js:265

 

經查看代碼後發現 ueditor.../third-party/zeroclipboard/ZeroClipboard.js中 輸出方法的地方是醬紫的

  if (typeof define === "function" && define.amd) { define(function() { return ZeroClipboard; }); } else if (typeof module === "object" && module && typeof module.exports === "object" && module.exports) { module.exports = ZeroClipboard; } else { window.ZeroClipboard = ZeroClipboard; }

意思就是說

• 若是當前頁面的模塊加載模式是AMD的 則定義模塊
• 若是是CommonJs的，則輸出到模塊 ZeroClipboard
• 不然 把 ZeroClipboard 定義爲全局變量

這樣 解決方案就有兩種。

①不使用模塊加載模式來使用這個功能

這樣方法須要修改一點源碼，把上面這段代碼替換成以下代碼便可

  if (typeof define === "function" && define.amd) { define(function() { return ZeroClipboard; }); } else if (typeof module === "object" && module && typeof module.exports === "object" && module.exports) { module.exports = ZeroClipboard; } window.ZeroClipboard = ZeroClipboard;

 

②若是不修改源碼，就得在模塊加載時作處理了

首先是修改配置

require.config({
    baseUrl: '', paths: { ZeroClipboard: "./UEditor.../ZeroClipboard"//主要是加這句話  } });

而後是在調用這個模塊並把模塊定義到全局變量

require(['ZeroClipboard'], function (ZeroClipboard) { window['ZeroClipboard'] = ZeroClipboard; });

 -------------------

 

以上就是全部遇到的問題和使用步驟。