Nop3.8定制系列（二）：UEditor編輯器，nop3.8ueditor

Nop3.8定制系列（二）：UEditor編輯器，nop3.8ueditor

Nop中使用UEditor編輯器，官網 http://ueditor.baidu.com/website/ 

下載後解壓。

\Presentation\Nop.Web\Content 下，新建文件夾 ueditor，將解壓後的文件 copy 至此文件夾。

\Presentation\Nop.Web\Administration\Views\Shared\EditorTemplates 下新建頁面 UEditor.cshtml 

 1 @model String
 2 @using Nop.Core
 3 @using Nop.Core.Domain.Common
 4 @using Nop.Services.Security
 5 @using Nop.Web.Framework.UI
 6 @{
 7     Html.AddScriptParts("~/Content/ueditor/ueditor.config.js");
 8     Html.AddScriptParts("~/Content/ueditor/ueditor.all.js");
 9     Html.AddScriptParts("~/Content/ueditor/lang/zh-cn/zh-cn.js");
10 }
11 
12 <script>
13     UE.getEditor("@ViewData.TemplateInfo.GetFullHtmlFieldId(string.Empty)", {
14         initialFrameWidth: '100%',
15         initialFrameHeight: 300
16     });
17 </script>
18 
19 @Html.TextArea(string.Empty, /* Name suffix */
20     ViewData.TemplateInfo.FormattedModelValue /* Initial value */
21 )

使用時，將調用編輯器的 RichEditor 改成 UEditor 即可。

1 <div class="form-group">
2                     <div class="col-md-3">
3                         @Html.NopLabelFor(model => model.Full)
4                     </div>
5                     <div class="col-md-9">
6                         @Html.EditorFor(x => x.Full, "RichEditor")
7                         @Html.ValidationMessageFor(model => model.Full)
8                     </div>
9                 </div>

至於編輯器裡面的上傳路徑及菜單，就自己看著改吧，沒難度。

Over!