如何将ckeditor连接到我的网站

Question

如果我重复一个问题，我深表歉意。请链接到包含我正在寻找的答案的位置，因为我找不到它。

我查看了文档，但没有帮助。 http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Minimum_Setup

http://www.elated.com/articles/adding-wysiwyg-editor-to-your-site/

上面的链接是我用来获取下面代码的教程。

我正在努力寻找任何好的帮助，我已经找了一个小时。

我的目标：允许我的用户点击一个链接，将他们带到另一个页面，在那里他们可以写笔记并保存它们以供将来个人使用。他们将拥有自己的登录名，因此只有他们和他们授予访问权限的人才能看到他们的笔记。

在研究 StackOverflow 之后，我觉得 ckeditor 将是完成这项工作的最佳工具。

这是我安装它的尝试。 （ps。我已经从网站下载了文件夹，所以我怀疑“安装”是正确的术语。）

我的脚本标签在头部：

<script type = "text/javascript" src="ckeditor/ckeditor.js"></script>
<script>
window.onload = function () {
CKEDITOR.replaceAll('wysiwyg');
};

</script>

我的第一次网络表单尝试：

CKEDITOR.replace( 'fieldname');
        <textarea id="userNotes" class="wysiwyg"><strong>test</strong></textarea>

我的 WebForm 从上面的教程复制粘贴：

<form action="form_handler.php" method="post">
<div>
  <textarea cols="80" rows="10" id="content" name="content"> 
    &lt;h1&gt;Article Title&lt;/h1&gt;
    &lt;p&gt;Here's some sample text&lt;/p&gt;
  </textarea>
  <script type="text/javascript">
    CKEDITOR.replace( 'articleContent' );
  </script>
  <input type="submit" value="Submit"/>
</div>

到目前为止，我尝试过的所有操作都给了我一个带有纯文本的文本区域，这不是它应该看起来的样子。

重申我的问题，如何在我的 html 文件和 Web 表单中正确设置/链接我的 ckeditor 文件以使 ckeditor 实际工作？

问题第二部分：我是否正确地接近了我的目标？ ckeditor 是实现我允许用户创建笔记的目标的好解决方案吗？

Answer 1

试试

CKEDITOR.replace('content');

这是文本框的 ID 和名称，因此您需要定位它。

<textarea cols="80" rows="10" id="content" name="content"> 
 &lt;h1&gt;Article Title&lt;/h1&gt;
 &lt;p&gt;Here's some sample text&lt;/p&gt;
</textarea>
<script type="text/javascript">
 CKEDITOR.replace('content');
</script>

Answer 2

这里是documentation。我假设您使用的是 ASP.Net。

如果您按照上述教程进行操作，则可以通过以下方式添加 CKEditor：

<CKEditor:CKEditorControl ID="CKEditor1" runat="server">
</CKEditor:CKEditorControl>