如何将ckeditor连接到我的网站

问题描述:

如果我重复提问,我表示歉意。请链接到包含我正在查找的答案的位置,因为我找不到它。如何将ckeditor连接到我的网站

我看了看文档,并没有帮助。上述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> 

我到目前为止试过的所有东西都给了我一个纯文本里面的textarea,这不是它应该看起来的样子。

为了重申我的问题,我如何在我的HTML文件和Web窗体中正确设置/链接我的ckeditor文件以使ckeditor实际工作?

问题第二部分:我是否正确地接近我的目标? ckeditor是我的目标的一个很好的解决方案,允许用户创建笔记?

尝试

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> 
+0

烨:

如果你按照上面的教程,然后你可以通过添加CKEditor的。我很尴尬。谢谢。 – john

+0

我想我可以说做这个教程的人应该会感到尴尬,因为从技术上说他犯了错误,我只是没有理解。 – john

+0

接受的答案呢? :) – ericdc

这里是documentation。我假设你正在使用ASP.Net。

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

我仍然是一个Noob,我会挖掘任何asp.net,因为我不知道。我假设它是某种后端事物。 – john

+0

嗯......当然,如果你使用的是Webforms,你实际上是在使用Asp.Net。 –