网站内容编辑器(HTML在线编辑器的特点及特点介绍-苏州安嘉网络)
优采云 发布时间: 2021-12-18 17:18网站内容编辑器(HTML在线编辑器的特点及特点介绍-苏州安嘉网络)
JSP 和在线编辑器 CKeditor
CKeditor是一款开源的HTML文本编辑器,它可以让Web程序拥有MS Word等强大的编辑功能(最新版本为CKeditor3.2,可供下载)。
HTML 在线编辑器
在Web 应用程序应用中,最常见的是信息和语音的发布和交换。信息发布时,往往需要对发布的数据进行格式转换,使信息以用户需要的格式显示在网页上。为了实现在线信息发布在Web应用程序中的正确显示和用户对信息发布的格式、类型和功能的要求,HTML在线编辑器的概念应运而生。
顾名思义,HTML 在线编辑器是一种在线编辑工具,编辑的内容基于 HTML 文档。因为可以用来在线编辑基于HTML的文档,所以常用于留言板、论坛发帖、博客写日志等需要用户输入普通HTML的地方。它是Web应用程序的常用模块之一。
一个完整的HTML在线编辑器,为了真正满足用户的需求,具有以下特点:
1、 所见即所得:通过编辑器,编辑文本和图片等HTML标签输出到页面的效果与编辑时显示的效果相同,无需其他转换和编码步骤,让用户轻松编辑内容被修改和排版;
2、 HTML代码自动转换:在编辑状态下编辑的文字、图片等内容自动转换成后台状态下浏览器可以识别的HTML标记语言;并且用户可以在代码状态下修改代码标记和排版。
3、 简单好用:编辑器的编辑方式应该和主流的网页制作软件或者FrontPage、Dreamweaver等代码编辑器类似,风格一致,免得不懂需要HTML语法,机械操作也是为了让没有网页制作经验的用户快速掌握。
4、 方便快捷:使用所见即所得的编辑器,可以快速轻松地编辑一流的图文内容。与纯手写代码进行编辑的方式相比,可以节省大量的时间和精力。
5、 与系统现有内容兼容一致:通过编辑器提供的功能,可以方便地将上传的图片、*敏*感*词*、音频文件加载到网页内容中,也可以插入信息组件和其他网络内容。一体化。
在JSP Web中使用在线编辑器CKeditor3.2的步骤如下:
将ckeditor文件夹和解压后的CKeditor3.2的所有内容复制到WebRoot。
如果需要“瘦身”,可以删除ckeditor下的_samples和_source两个文件夹,进入lang文件目录,保留_languages.js、en.js、zh.js、zh-cn.js文件,剩余的语言文件在不需要时也可以删除。
在 config.js 文件中配置 CKeditor。例如:
CKEDITOR.editorConfig=function(config)
{
config.language='zh-cn';//配置语言
config.uiColor='#FFF';//背景色
config.width='auto';//宽度
config.height='300px';//高度
config.skin='office2003';//接口v2, kama, office2003
config.toolbar='Full';//工具栏样式全,B