CKEditor3.6在ASP.NET中使用方法

ckeditor 3.64 的下载我就不说了

 

web.config配置内容

<pages>
   <controls>
    <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
    <add tagPrefix="asp" namespace="System.Web.UI.WebControls" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
                <!--CKeditor 配置-->
        <add tagPrefix="CKEditor" assembly="CKEditor.NET" namespace="CKEditor.NET"/>
       
   </controls>
  </pages>

 

建立一个webform页面，添加ckeditor编辑器

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

 

在webform后台设置ckeditor编辑器样式

 //设置ckedit编辑器，这是个人应用、想加更多菜单选项，到官网查找
    private void fnSetUpCkEdit()
    {
        CKEditor1.config.toolbar = new object[]
  　　 {
                new object[] { "Source", "-", "Preview", "-", "Templates" },  // 源码、预览、模板
    　　　　new object[] { "Bold", "Italic", "-", "NumberedList", "BulletedList", "-", "Link", "Unlink", "-" }, //加粗、倾斜、编号列表、项目列表、插入超链接、取消超链接
    　　　　new object[] { "Cut", "Copy", "Paste", "PasteText", "PasteFromWord", "-", "Print", "SpellChecker", "Scayt" },//复制、粘贴、粘贴为无格式文本、从word粘贴、打印、拼写检查、即使拼写检查
                new object[] { "Image", "Flash", "Table", "HorizontalRule", "Smiley", "SpecialChar", "PageBreak"},//图片、flash、表格、插入水平线、表情符、插入特殊符号、插入分页符
   　　};

        　　CKEditor1.config.uiColor = "#eef8ff"; //设置背景颜色
    }

 

后台获取编辑器内容

string strCkValue = CKEditor1.Text;

 

javascript获取

<script type="text/javascript">
        function fnshowCkeditorValue() {
            var editor_data = CKEDITOR.instances.CKEditor1.getData();
            alert(editor_data);
        }
 </script>

如有疑问请留言，或者发送email到627796636@qq.com 与我讨论。