Jquery mvc3如何使文本编辑器在局部视图中工作
我有点问题;我有一个在普通页面上工作的富文本编辑器,但当我把它放在一个partialview中,它就不再显示了,有没有办法解决这个问题?例如,假设我有一个名为normal.cshtml的普通页面,编辑器将在该普通页面中工作,代码如下所示 normal_page.cshtmlJquery mvc3如何使文本编辑器在局部视图中工作,jquery,asp.net-mvc-3,rich-text-editor,Jquery,Asp.net Mvc 3,Rich Text Editor,我有点问题;我有一个在普通页面上工作的富文本编辑器,但当我把它放在一个partialview中,它就不再显示了,有没有办法解决这个问题?例如,假设我有一个名为normal.cshtml的普通页面,编辑器将在该普通页面中工作,代码如下所示 normal_page.cshtml @{ <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
@{
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
// this file below is the .js file that gets the properties of the editor
<script type="text/javascript" src="../../DAL/ckeditor/ckeditor.js" ></script>
}
@Html.TextArea("myeditor", new { @class = "ckeditor" })
@{
}
@Html.TextArea("myeditor", new { @class = "ckeditor" })
单击“Get Partial”后,partialview将显示所有元素,但文本编辑器显示为常规文本框;有没有办法解决这个问题
最后一件事是,由于这是一个局部视图,因此元素没有显示在pagesource上,因此我不知道这是否是导致问题的原因。要解决此问题,请创建一个绑定ckeditor的常见javascript函数,如下所示:
<script>
function AttachCkEditor()
{
$(".ckeditor").ckeditor(function () { /* callback code */ }, options);
}
</script>
函数AttachCkEditor()
{
$(“.ckeditor”).ckeditor(函数(){/*回调代码*/},选项);
}
现在,您需要在部分视图的Document.ready上或在ajax请求完成后调用上述函数。在部分视图的底部包含以下脚本
CKEDITOR.replace('textarea-id');
注意:在呈现局部视图的主视图中包括ckeditor js文件。不要在两个页面(即主页和局部页面)中重复脚本
<script>
function AttachCkEditor()
{
$(".ckeditor").ckeditor(function () { /* callback code */ }, options);
}
</script>