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