Summernote in Asp.Net MVC

Question

Ich habe versucht, Summernote wysiwyg Editor in meinem Asp.Net MVC-Projekt gemäß dem Tutorial here zu implementieren.

Ich dachte, ich bekam das gleiche Problem wie this guy und implementiert die Vorschläge, aber immer noch keinen Nutzen.

Ich habe auch meine web.config-Datei wie here verbessert, um zu versuchen, das Glyphicons-Problem zu beheben, aber auch ohne Erfolg.

Wenn jemand mir sagen kann, was ich falsch mache, würde es sehr geschätzt werden.

den Textbereich im Textbereich sehen und die Tastensymbole Rendering nicht

Rendered HTML nach Chrome Debugger

.cshtml

<div class="form-group"> 
      @Html.LabelFor(model => model.Recipe.Instructions, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       @Html.TextAreaFor(model => model.Recipe.Instructions, htmlAttributes: new { @class = "form-control" }) 
       @Html.ValidationMessageFor(model => model.Recipe.Instructions, "", new { @class = "text-danger" }) 
      </div> 
     </div> 

bündeln

public class BundleConfig 
    { 
     // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862 
     public static void RegisterBundles(BundleCollection bundles) { 
      bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
         "~/Scripts/jquery-{version}.js")); 

      bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
         "~/Scripts/jquery.validate*")); 

      // Use the development version of Modernizr to develop with and learn from. Then, when you're 
      // ready for production, use the build tool at http://modernizr.com to pick only the tests you need. 
      bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
         "~/Scripts/modernizr-*")); 

      bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
         "~/Scripts/bootstrap.js", 
         "~/Scripts/respond.js")); 

      bundles.Add(new StyleBundle("~/Content/css").Include(
         "~/Content/bootstrap.css", 
         "~/Content/font-awesome.css", 
         "~/Content/site.css", 
         "~/Content/globalStyles.css")); 

      bundles.Add(new StyleBundle("~/Content/summernote").Include(
       "~/Content/summernote/summernote.css" 
       )); 

      bundles.Add(new ScriptBundle("~/bundles/summernote").Include(
       "~/Content/summernote/summernote.js" 
       )); 
     } 
    } 

Dateistruktur

Chrom Fehler

Answer 1

I Fügte meine Skripte Abschnitt in meinem cshtml Datei wie so die CSS-Bundle enthalten

@section Scripts { 
    @Scripts.Render(
     "~/bundles/jqueryval", 
     "~/bundles/summernote", 
     "~/Scripts/recipeCreate.js", 
     "~/Scripts/wysiwyg.js"); 
    @Styles.Render(
     "~/Content/summernote" 
    ); 
} 

Answer 2

Ich habe mich verändert bundle.config

bundles.Add(new StyleBundle("~/Content/summernote/summernote.css").Include( "~/Content/summernote/summernote.css" ));

Und änderte dieses Bündel in _Layout.cshtml

`@Styles.Render("~/Content/summernote/summernote.css")`