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;

 

目录
相关文章
|
5天前
|
JavaScript
jQuery Lightbox和弹出层插件flashy
Flashy.js是一款响应式jQuery Lightbox和弹出层插件
|
7月前
|
JavaScript 前端开发
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
493 0
拾色器插件colorpicker.js的应用
拾色器插件colorpicker.js的应用
51 1
|
资源调度 JavaScript 前端开发
vue3.3-TinyMCE:TinyMCE富文本编辑器基础使用
vue3.3-TinyMCE:TinyMCE富文本编辑器基础使用
499 0
|
JavaScript 前端开发 API
js TinyMCE富文本
js TinyMCE富文本
140 0
|
JavaScript 前端开发 开发者
Vue CKEditor5 快速了解并使用
Vue CKEditor5 快速了解并使用
813 0
|
JavaScript
Vue3.js中使用svg:vite-plugin-svg-icons
Vue3.js中使用svg:vite-plugin-svg-icons
663 0
|
前端开发
富文本编辑器初尝试之wangEditor
富文本编辑器初尝试之wangEditor
618 1
|
存储 编解码 JavaScript
quill-editor:Vue轻量级富文本编辑器-Vue-Quill-Editor
quill-editor:Vue轻量级富文本编辑器-Vue-Quill-Editor
642 0
quill-editor:Vue轻量级富文本编辑器-Vue-Quill-Editor
|
JSON JavaScript 前端开发
jQuery幻灯片插件Owl Carousel插件
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w178191520/article/details/84179419 ...
1147 0