在asp.net核心mvc集成ckeditor

我需要在asp.net核心项目中集成基于web的html编辑器。我下载了CKEditor，并将解压后的文件夹放入wwwroot文件夹中。在asp.net核心mvc集成ckeditor

我使用以下脚本标记在_Layout.cshtml中引用了“ckeditor.js”。

<script src="~/ckeditor/ckeditor.js" type="text/javascript"> 
</script>

然后，我用下面的代码来显示编辑器。

<textarea id="editor1" name="editor1"> 
</textarea> 

<script type="text/javascript">CKEDITOR.replace('editor1');</script>

在主文件夹的空About.cshtml中使用这些代码行时，显示编辑器。但是在另一个.cshtml文件中使用相同的代码时，不会显示编辑器。下面

<div class="panel"> 
    <div class="panel-heading border"> 
     Create User 
    </div> 
    <div class="panel-body"> 
     <div class="row no-margin"> 
      <div class="col-lg-12"> 
       <form asp-action="Edit" class="form-horizontal bordered-group" role="form"> 
        <div asp-validation-summary="ModelOnly" class="text-danger"></div> 
        <input type="hidden" asp-for="_id" /> 

        <div class="form-group"> 
         <label asp-for="Subject" class="col-sm-2 control-label"></label> 
         <div class="col-sm-10"> 
          <input asp-for="Subject" class="form-control" /> 
          <span asp-validation-for="Subject" class="text-danger" /> 
         </div> 
        </div> 

        <div class="form-group"> 
         <label asp-for="MailFrom" class="col-sm-2 control-label"></label> 
         <div class="col-sm-10"> 
          <input asp-for="MailFrom" class="form-control" /> 
          <span asp-validation-for="MailFrom" class="text-danger" /> 
         </div> 
        </div> 

        <div class="form-group"> 
         <label asp-for="Body" class="col-sm-2 control-label"></label> 
         <div class="col-sm-10"> 

          @* CKEDitor *@ 
          <textarea id="editor1" name="editor1"> 
          </textarea> 

         </div> 
        </div> 

        <div class="form-group"> 
         <div class="col-sm-offset-2 col-sm-10"> 
          <input type="submit" value="Update" class="btn btn-default" /> 
         </div> 
        </div> 
       </form> 
      </div> 
     </div> 
    </div> 
</div> 


<script type="text/javascript">CKEDITOR.replace('editor1');</script>

为什么不编辑在另一cshtml文件显示的代码被赋予？

来源

2016-12-05 20B2

如果实际包含ckeditor.js的脚本标记，您是否查看了浏览器源代码中的呈现HTML？浏览器的JavaScript控制台显示任何错误？ –

谢谢，我发现错误“CKEditor没有在控制台中排除 – 20B2

我还在将CKEditor集成到aps.net mvc项目时遇到同样的问题。尝试确定错误后，我发现页面的布局不同。你可能有同样的问题。

来源

2016-12-07 07:57:31

感谢大卫的建议。 – 20B2

在asp.net核心mvc集成ckeditor

回答

相关问题