加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

在asp.net核心mvc中集成ckeditor

发布时间:2020-12-16 06:50:36 所属栏目:asp.Net 来源:网络整理
导读:我需要在asp.net核心项目中集成基于Web的html编辑器.我下载了CKEditor并将解压缩的文件夹放在wwwroot文件夹中. 我使用以下脚本标记在_Layout.cshtml中引用了“ckeditor.js”. script src="~/ckeditor/ckeditor.js" type="text/javascript"/script 然后,我使
我需要在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>

在Home Folder的空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文件中?

解决方法

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读