Integrieren ckeditor in asp.net Kern mvc

Question

Ich muss einen Web-basierten HTML-Editor in asp.net Kernprojekt integrieren. Ich habe CKEditor heruntergeladen und den entpackten Ordner in den Ordner wwwroot gestellt.

Ich habe verwiesen "ckeditor.js" in _Layout.cshtml mit folgenden Skript-Tag.

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

Dann habe ich folgenden Code verwendet, um den Editor anzuzeigen.

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

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

Bei Verwendung dieser Codezeilen in der leeren About.cshtml von Home Folder wurde der Editor angezeigt. Aber der Editor wurde nicht angezeigt, wenn derselbe Code in einer anderen .cshtml Datei verwendet wurde. Der Kodex wird unter

gegeben

<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> 

Warum ist der Editor nicht in einer anderen cshtml Datei angezeigt?

Answer 1

Ich habe auch das gleiche Problem bei der Integration von CKEditor in aps.net mvc Projekt konfrontiert. Nachdem ich versucht habe, den Fehler zu finden, habe ich festgestellt, dass das Layout der Seite anders ist. Möglicherweise haben Sie das gleiche Problem.