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版本，然后使用它就像添加usercontrol一样简单：

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

Documentation from ckEditor

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

2 个答案: