zoukankan      html  css  js  c++  java
  • Nop3.9定制系列(1)汉化

    一:中文资源

    先去Nop官网,下载3.9中文包,此中文包翻译不全,在定制的过程中,可以慢慢修改。官网地址 www.nopcommerce.com。

    进去后台 Configuration -> Languages 

    添加一条简体中文的记录,保存后导入中文包,页面顶部切换语言即可。

    二:UI汉化

    Libraries -> Nop.Core -> CommonHelper - > SetTelerikCulture() 方法

    Presentation -> Nop.Admin -> Views -> Shared -> _AdminLayout.cshtml

    添加引用

    Html.AppendScriptParts(string.Format("~/Administration/Scripts/kendo/{0}/cultures/kendo.culture.zh-CN.min.js", kendoVersion));
    Html.AppendScriptParts(string.Format("~/Administration/Scripts/kendo/{0}/cultures/kendo.messages.zh-CN.js", kendoVersion));
    <script>
        kendo.culture("zh-CN");
    </script>            

    三:编辑器

    个人不太喜欢默认的编辑器,使用百度的UEditor富文本编辑器。UEditor官网

     

    Presentation -> Nop.Web -> Content 下创建文件夹 uditor,将下载的文件copy至uditor文件夹中。

     

    Presentation -> Nop.Admin -> Views -> Shared -> EditorTemplates 下创建页面 UEditor.cshtml

    @model String
    @using Nop.Core
    @using Nop.Core.Domain.Common
    @using Nop.Services.Security
    @using Nop.Web.Framework.UI
    @{
        Html.AddScriptParts("~/Content/ueditor/ueditor.config.js");
        Html.AddScriptParts("~/Content/ueditor/ueditor.all.js");
        Html.AddScriptParts("~/Content/ueditor/lang/zh-cn/zh-cn.js");
    }
    
    <script>
        UE.getEditor("@ViewData.TemplateInfo.GetFullHtmlFieldId(string.Empty)", {
            initialFrameWidth: "100%",
            initialFrameHeight: 400
        });
    </script>
    
    @Html.TextArea(string.Empty, /* Name suffix */
        ViewData.TemplateInfo.FormattedModelValue /* Initial value */
    )

     在后台调用编辑器

    效果如下:

    关于样式和文件下载路径和其他配置,去看Api文档即可,js中也有相应注释。

  • 相关阅读:
    angularjs中设置select的选中项
    axios 下载文件
    解决Springboot集成ActivitiModel提示输入用户名密码的问题
    VMWare14 安装Mac OS系统(图解)
    hexo 搜索功能
    Nginx禁止IP直接访问网站
    不确定理论与多传感器数据融合
    Bayes理论与多传感器数据融合
    从“中英文思维回译法”看中英思维差异
    不确定理论与多传感器数据融合
  • 原文地址:https://www.cnblogs.com/hcit/p/nop-series-1.html
Copyright © 2011-2022 走看看