富文本编辑器CKEDITOR的使用配置(问题注解)

CKEDITOR是一款非常轻便的富文本编辑器，如上图：参考网上的使用方法，我以.net为例，在aspx页面使用，

准备工作：首先要下载控件包，将解压后的整个文件夹添加到项目根目录。

第一步：引用js, <script charset="utf-8" type="text/javascript" src='/images/loading.gif' data-original="../ckeditor/ckeditor.js"></script>

第二步：放置服务器控件，<asp:TextBox ID="tbContent" runat="server" TextMode="MultiLine" ></asp:TextBox>

第三步：调用控件，

<script type="text/javascript">CKEDITOR.replace('<%=tbContent.ClientID.Replace("_","$") %>');</script>

记住：第二步和第三步的代码要放在一起，要有顺序的放置；如图：

还有一种引用方法

<script type="text/javascript">CKEDITOR.replace('tbContent');</script>方法，此方法引用服务器控件不可用，当然也可以把script代码写在head中

  <script type="text/javascript">

          //get='_blank'>window.onload = function()

          //{

          //    CKEDITOR.replace('tbContent');

          //};

 </script>

完成以上步骤即可查看效果，如果需要配置该控件宽，高，颜色等等，可以打开文件夹内的config.js文件，如图：

config.width = 660; //设置宽度

config.height = 600; //设置高度

config.uiColor = '#ced9df';//设置背景颜色

如果要调整边距的话，我的解决方法是在控件外围放置一个div来控制边距，如下图：

如果你想使用jquery提交表单，也可以使用下述方法：

<textarea id="tbContent"    ></textarea>

<script type="text/javascript">CKEDITOR.replace('txtContent');</script>

或在head内引用

$(function () {