ckeditor - 在asp.net core mvc中集成ckeditor

Question

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

我在 _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文件？

Answer 1

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