将CKEditor集成到ASP.Net Webforms应用程序中

Question

我正在尝试在Webforms应用程序中使用CKEditor，但是我尝试了许多其他方法，但均未成功。 有人可以帮忙吗？ 该站点使用Site.Master文件，所有aspx文件都提供使用内容占位符的内容。 因此，我将JavaScript调用放置在ASPX中而不是主文件中。

我也试图让它在内容可编辑div元素中进行编辑。 它在小型测试站点中可以正常工作，但在我的应用程序中却无法正常工作。 有任何想法吗？

我的Site.master有两个我要使用的内容占位符：

<asp:ContentPlaceHolder ID="Scripts" runat="server" />
和
<asp:ContentPlaceHolder ID="MainContent" runat="server">

然后我的aspx文件有：

<asp:Content ID="Content3" ContentPlaceHolderID="Scripts" runat="server"> 
<script src="ckeditor/ckeditor.js"></script> 
</asp:Content>`

和

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <div id="renderTarget" renderwidth="1100"> </asp:Content> </asp:Content>

在JavaScript的某个位置，我将renderTarget div的可编辑内容设置为true。

$(".contentbox[dynamic='true']").attr("contenteditable", "true");

至此，我希望CKedtor将其控件添加到div中。 但事实并非如此。 我对TinyMCE使用相同的过程，效果很好。

Answer 1

如果您的项目中正确包含了CKEditor，则很简单：

<textarea cols="80" class="ckeditor" id="editor1" name="editor1" rows="10"></textarea>

甚至

<div contenteditable="true">...</div>

另外，您可能想阅读jQuery Selectors 。

一个类似于您发布的示例：

<div id="ckMe">...</div>

<script>
    $(document).ready(function () {
        $("#ckMe").attr("contenteditable", "true");
    });
</script>

Answer 2

您需要做的就是在项目中安装asp.net的版本，然后像添加用户控件一样简单地使用它：

<ckeditor:ckeditorcontrol ID="CkEditor1" runat="server"></ckeditor:ckeditorcontrol>

ckEditor的文档