首页 > 解决方案 > 程序中添加代码的问题

问题描述

我想在我的 ASP.NET Core MVC 项目中添加 ckeditor 4.11.4 和 bundle。我使用 ASP.NET Core 2.2,并且引导捆绑正在运行。

这是我的 package.json :

{
  "version": "1.0.0",
  "name": "asp.net",
  "private": true,
  "devDependencies": { },
  "dependencies": {
    "bootstrap": "4.3.1",
    "font-awesome": "4.7.0",
    "jquery": "3.4.1",
    "popper.js": "2.0.0-next.4",
    "ckeditor": "4.11.4"
  }
}

这是我的 bundleconfig.json 文件:

[
  {
    "outputFileName": "wwwroot/vendor.min.css",
    "inputFiles": [
      "node_modules/bootstrap/dist/css/bootstrap.min.css",
      "node_modules/font-awesome/css/font-awesome.css",
      "node_modules/font-awesome/css/font-awesome.min.css",
      "node_modules/ckeditor/contents.css"

    ],
    "minify": { "enabled": false }
  },
  {
    "outputFileName": "wwwroot/vendor.min.js",
    "inputFiles": [
      "node_modules/jquery/dist/jquery.min.js",
      "node_modules/popper.js/dist/umd/popper.min.js",
      "node_modules/bootstrap/dist/js/bootstrap.min.js",
      "node_modules/ckeditor/ckeditor.js"

    ],
    "minify": { "enabled": false }
  }
]

但这不起作用。有什么问题?

标签: asp.net-coreckeditorbundler

解决方案


令人敬畏的字体 css 引用使用 sprites 和 webfonts 文件夹!将 font-awesome 文件夹复制到 wwwroot/lib 文件夹。

并在头部使用

<link rel="stylesheet" href="~/lib/font-awesome/css/fontawesome.min.css" />
<link rel="stylesheet" href="~/lib/font-awesome/css/regular.min.css" />
<link rel="stylesheet" href="~/lib/font-awesome/css/solid.min.css" />

推荐阅读