ckeditor使用教程_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 2:29:21 共计：3601 浏览

ckeditor使用教程？

一、使用方法：

1、在页面<head>中引入ckeditor核心文件ckeditor.js

2、在使用编辑器的地方插入html控件<textarea>

</textarea>

如果是ASP.NET环境，也可用服务器端控件<TextBox>

<asp:TextBoxID="tbContent" runat="server"TextMode="MultiLine" class="ckeditor">

</asp:TextBox>

注意在控件中加上 class="ckeditor" 。

3、将相应的控件替换成编辑器代码

CKEDITOR.replace('TextArea1');

//如果是在ASP.Net环境下用的服务器端控件<TextBox>

CKEDITOR.replace('tbContent');

//如果<TextBox>控件在母版页中，要这样写

CKEDITOR.replace('<%=tbContent.ClientID.Replace("_","$") %>');

</script>

4、配置编辑器

ckeditor的配置都集中在 ckeditor/config.js 文件中，下面是一些常用的配置参数：

// 界面语言，默认为 'en'

config.language = 'zh-cn';

// 设置宽高

config.width = 400;

config.height = 400;

// 编辑器样式，有三种：'kama'（默认）、'office2003'、'v2'

config.skin = 'v2';

// 背景颜色

config.uiColor = '#FFF';

// 工具栏（基础'Basic'、全能'Full'、自定义）plugins/toolbar/plugin.js

config.toolbar = 'Basic';

config.toolbar = 'Full';

二、一些使用技巧

1、在页面中即时设置编辑器

三、精简ckeditor

在部署到Web服务器上时，下列文件夹和文件都可以删除：

/_samples ：示例文件夹;

/_source ：未压缩源程序;

/lang文件夹下除 zh-cn.js、en.js 以外的文件（也可以根据需要保留其他语言文件）;

根目录下的 changes.html(更新列表)，install.html(安装指向)，license.html(使用许可);

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。