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。我已从网站下载了该文件夹，因此我怀疑并且＃34;安装＆＃34;是正确的术语。）

我的脚本标记在头部：

<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文件和网络表单中正确设置/链接我的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>

如何将ckeditor连接到我的网站

2 个答案: