Xheditor/入门基础：修订间差异

来自站长百科
跳转至： 导航、​ 搜索
（以内容“{{Xheditor导航}} <div style="-moz-column-count:3;column-count:3;" class="sclist"> *在线可视化HTML编辑器概述...”创建新页面）
 
无编辑摘要
第1行： 第1行：
{{Xheditor导航}}
{{Xheditor导航}}


<div style="-moz-column-count:3;column-count:3;" class="sclist">
*'''在线可视化HTML编辑器概述'''
*[[Xheditor/在线可视化HTML编辑器概述|在线可视化HTML编辑器概述]]
在[[Web]]程序应用中，最常见的一种行为是信息和言论的发布和交流。而在信息发布的同时，往往会有对信息发布的格式、类型和功能上的需求，比如：加粗、下划线等等，以使文字信息能够更形象更美观的传达给阅读者，同时也提高信息发布的工作效率。在这个需求的背景下，[[HTML]]在线[[编辑器]]就应运而生了。
*[[Xheditor/获取xhEditor|获取xhEditor]]
 
*[[Xheditor/xhEditor运行环境|xhEditor运行环境]]
顾名思义，在线HTML编辑器就是在线编辑HTML[[代码]]的工具，它经常被应用于留言板留言、[[论坛]]发贴、[[Blog]]编写日志或等需要用户输入HTML的地方，是Web应用的常用模块之一。在线HTML编辑器可以实现对编辑内容添加各种丰富多彩的文字效果，以及提供各种方便快捷的操作功能，最大的提高编辑工作效率。在线HTML编辑器是任何网站不可或缺的重要功能组件，是互联网用户得心应手的驰骋网络的有力工具。
*[[Xheditor/xhEditor基本使用指南|xhEditor基本使用指南]]
 
</div>
*'''获取xhEditor'''
访问xhEditor官方网站下载最新版本的xhEditor编辑器，xhEditor官方网站地址为：<nowiki>http://xheditor.com</nowiki>，打开右上角的“免费下载” |“ 参数向导”链接，即可找到最新版本的下载地址。
 
xhEditor无需任何安装，无需任何设置，直接解压缩并拷贝到你的网站相应文件夹下面即可直接调用。
 
*'''xhEditor运行环境'''
xhEditor是基于[[浏览器]]的[[HTML]]、[[CSS]]和[[Javascript]]环境开发的，因此原则上市场上绝大部分浏览器我们都能完美的运行，目前已测试的浏览器兼容列表如下：[[IE]] 6.0+,[[Firefox]] 3.0+,[[Opera]]9.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[[标签]]结束之前添加以下[[代码]]：
<pre><nowiki>
    <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>
</nowiki></pre>
 
'''注'''：jQuery和xhEditor的js文件路径请根据你网站具体路径情况相应修改
 
4、在需要实现可视化的文本框textarea属性中添加：
<pre><nowiki>
    class="xheditor"
 
    例如：<textarea name="content" class="xheditor">test</textarea>
</nowiki></pre>
 
==参考来源==
*http://xheditor.com/manual/1
 
 
 
 
 
 




2011年12月6日 (二) 16:31的版本

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使用手册导航

入门基础

进阶使用：

进阶使用指导|初始化参数列表|API函数接口列表|上传程序开发规范|插件开发指南|皮肤设计指南

其它相关

取自“https://www.zzbaike.com/wiki/index.php?title=Xheditor/入门基础&oldid=100591”