xhEditor开源富文本编辑器中文文档.pdf

1.xhEditor 1.xhEditor 11..xxhhEEddiittoorr入门基础 1.1.在线可视化HTML编辑器概述 1.2.获取xhEditor 1.3.xhEditor运行环境 1.4.xhEditor基本使用指南 1.1. HTML 1.1. HTML 11..11.. 在线可视化HHTTMMLL编辑器概述 在Web程序应用中，最常见的一种行为是信息和言论的发布和交流。而在信息发布的同时， 往往会有对信息发布的格式、类型和功能上的需求，比如：加粗、下划线等等，以使文字信 息能够更形象更美观的传达给阅读者，同时也提高信息发布的工作效率。在这个需求的背景 下，HTML在线编辑器就应运而生了。 顾名思义，在线HTML编辑器就是在线编辑HTML代码的工具，它经常被应用于留言板留言、 论坛发贴、Blog编写日志或等需要用户输入HTML的地方，是Web应用的常用模块之一。 在线HTML编辑器可以实现对编辑内容添加各种丰富多彩的文字效果，以及提供各种方便快 捷的操作功能，最大的提高编辑工作效率。在线HTML编辑器是任何网站不可或缺的重要功 能组件，是互联网用户得心应手的驰骋网络的有力工具。 1.2. xhEditor 1.2. xhEditor 11..22.. 获取xxhhEEddiittoorr 您可以访问xhEditor官方网站下载最新版本的xhEditor编辑器，xhEditor官方网站地址为： /，打开右上角的免费下载| 参数向导链接，即可找到最新版本的下载地 址。 xhEditor无需任何安装，无需任何设置，直接解压缩并拷贝到你的网站相应文件夹下面即可 直接调用。 1.3.xhEditor 1.3.xhEditor 11..33..xxhhEEddiittoorr运行环境 xhEditor是基于浏览器的HTML、CSS和Javascript环境开发的，因此原则上市场上绝大部 分浏览器我们都能完美的运行，目前已测试的浏览器兼容列表如下：IE6.0+,Firefox 3.0+,Opera9.6+,Chrome1.0+,Safari 3.22+(+号代表往后所有新版本)。xhEditor是完全 基于浏览器环境的，因此不存在操作系统选择性，是完全跨平台的。xhEditor同时也可以应 用在任何的服务端语言环境下，例如：PHP、ASP、ASP.NET、JAVA等，可以在您的CMS、 博客、论坛、商城等互联网平台上完美的嵌入运行，能够非常灵活简单的和您的系统实现完 美的无缝衔接。 1.4.xhEditor 1.4.xhEditor 11..44..xxhhEEddiittoorr基本使用指南 您只需按照以下简单步骤即可学会使用xhEditor： 1. 下载最新版本xhEditor:/download 2. 将下载的压缩文件解压缩，上传其中的xheditor.min.js 以及xheditor_lang、 xheditor_emot、xheditor_plugins和xheditor_skin四个文件夹到网站相应文件夹中。 注：如果您网站中没有使用jQuery框架，也请一并上传jquery文件夹中的 jquery-1.4.4.min.js 3. 在需要调用xhEditor编辑器的网页head标签结束之前添加以下代码： script type=text/javascript src=/js/jquery-1.4.4.min.js/script script type=text/javascript src=/js/xheditor.min.js/script script type=text/javascript src=/js/xheditor_lang/zh-cn.js/script 注：jQuery和xhEditor的js文件路径请根据你网站具体路径情况相应修改 4. 在需要实现可视化的文本框textarea属性中添加： class=xheditor 例如：textarea name=content class=xheditortest/textarea 经过以上步骤，你就已经成功的将xhEditor编辑器安装在你的网页