ckeditor 在C#中使用

简介: l来源: http://www.cnblogs.com/jackcovey/archive/2010/04/19/1715646.html 1.将ckeditor和ckfinder文件夹拷入项目文件夹中,刷新项目。
l来源:   http://www.cnblogs.com/jackcovey/archive/2010/04/19/1715646.html

1.将ckeditor和ckfinder文件夹拷入项目文件夹中,刷新项目。

2. 在添加编辑控件的页面(aspx)的head中加入

  <script src="ckeditor/ckeditor.js" type="text/javascript"></script>
    <script type="text/javascript" src="ckfinder/ckfinder.js"></script>

3.插入代码:

    <asp:TextBox ID="i_content" runat="server" TextMode="MultiLine" Height="362px" 
                Width="100%"></asp:TextBox>
    </div>

<script type="text/javascript">
        CKEDITOR.replace('<%= i_content.ClientID %>', {skin : 'kama'}); 
</script>

4.在项目文件夹中加入uploads文件夹

5.把文件夹中的bin目录下的dll文件添加到网站的引用中,防止出现找不到类的错误。(未能加载类型“CKFinder.Connector.Connector”。)

6.修改页面的page指令ValidateRequest="false" 
<%@ Page Language="C#" ValidateRequest="false" %>

7.获取或设置编辑器中的内容 
//获取编辑器中的内容 
lblView.Text=Server.HtmlEncode( this.i_content.Text); 
//设置编辑器中的内容 
//txtContent.Text = Server.HtmlDecode("<h1>设置内容</h1>"); 
一些用应中(如ajax应用)需要在客户端处理完所有的数据,然后用它自己的方式向服务器发送数据,在这些情况下,使用CKEditor API就足以轻松获取编辑器实例中的内容。例 如: <script type="text/javascript">
var editor_data = CKEDITOR.instances.i_content.getData();
</script>

8.加入中文字体:

 

打开CKeditor目录里的config.js,在

CKEDITOR.editorConfig = function( config )
{
};
里添加如下代码:

config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names;

 

目录
相关文章
|
JavaScript
原生js使用editor.js
原生项目中使用下一代块样式编辑器editor.js,自由,使用愉快。
原生js使用editor.js
|
6天前
|
JavaScript 前端开发
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
110 0
|
6月前
拾色器插件colorpicker.js的应用
拾色器插件colorpicker.js的应用
20 1
|
7月前
|
前端开发 JavaScript
|
9月前
|
JavaScript 前端开发 API
js TinyMCE富文本
js TinyMCE富文本
|
12月前
|
前端开发
Viewer.js实现图片预览效果
Viewer.js实现图片预览效果
102 0
|
移动开发 JavaScript HTML5
jQuery工具提示插件tooltip.js 使用教程
jQuery工具提示插件tooltip.js 使用教程
|
Web App开发 JavaScript 前端开发
常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介
1、UEditor UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码... 主要特点: 轻量级:代码精简,加载迅速。
5253 0
|
JavaScript 前端开发 索引
Js,jQuery版Zencoding之webstorm & phpstorm
zencoding自从2009年因html,css的扩展而风靡业界,而webstorm自从2.0之后就已经集成。 无意中被不断输入的console.log,console.dir搞的很恼火,所以才有了今天的js之webstorm。
1400 0