Xheditor/入門基礎(chǔ)

目錄

• 1 在線可視化HTML編輯器概述
• 2 獲取xhEditor
• 3 xhEditor運(yùn)行環(huán)境
• 4 xhEditor基本使用指南
• 5 參考來源
• 6 Xheditor使用手冊(cè)導(dǎo)航

在線可視化HTML編輯器概述

在Web程序應(yīng)用中，最常見的一種行為是信息和言論的發(fā)布和交流。而在信息發(fā)布的同時(shí)，往往會(huì)有對(duì)信息發(fā)布的格式、類型和功能上的需求，比如：加粗、下劃線等等，以使文字信息能夠更形象更美觀的傳達(dá)給閱讀者，同時(shí)也提高信息發(fā)布的工作效率。在這個(gè)需求的背景下，HTML在線編輯器就應(yīng)運(yùn)而生了。

顧名思義，在線HTML編輯器就是在線編輯HTML代碼的工具，它經(jīng)常被應(yīng)用于留言板留言、論壇發(fā)貼、Blog編寫日志或等需要用戶輸入HTML的地方，是Web應(yīng)用的常用模塊之一。在線HTML編輯器可以實(shí)現(xiàn)對(duì)編輯內(nèi)容添加各種豐富多彩的文字效果，以及提供各種方便快捷的操作功能，最大的提高編輯工作效率。在線HTML編輯器是任何網(wǎng)站不可或缺的重要功能組件，是互聯(lián)網(wǎng)用戶得心應(yīng)手的馳騁網(wǎng)絡(luò)的有力工具。

獲取xhEditor

訪問xhEditor官方網(wǎng)站下載最新版本的xhEditor編輯器，xhEditor官方網(wǎng)站地址為：http://xheditor.com，打開右上角的“免費(fèi)下載” |“ 參數(shù)向?qū)А辨溄?，即可找到最新版本的下載地址。

xhEditor無需任何安裝，無需任何設(shè)置，直接解壓縮并拷貝到你的網(wǎng)站相應(yīng)文件夾下面即可直接調(diào)用。

xhEditor運(yùn)行環(huán)境

xhEditor是基于瀏覽器的HTML、CSS和Javascript環(huán)境開發(fā)的，因此原則上市場(chǎng)上絕大部分瀏覽器我們都能完美的運(yùn)行，目前已測(cè)試的瀏覽器兼容列表如下：IE 6.0+,Firefox 3.0+,Opera9.6+,Chrome 1.0+,Safari 3.22+ (+號(hào)代表往后所有新版本)。

xhEditor是完全基于瀏覽器環(huán)境的，因此不存在操作系統(tǒng)選擇性，是完全跨平臺(tái)的。

xhEditor同時(shí)也可以應(yīng)用在任何的服務(wù)端語言環(huán)境下，例如：PHP、ASP、ASP.NET、JAVA等，可以在您的CMS、博客、論壇、商城等互聯(lián)網(wǎng)平臺(tái)上完美的嵌入運(yùn)行，能夠非常靈活簡(jiǎn)單的和您的系統(tǒng)實(shí)現(xiàn)完美的無縫銜接。

xhEditor基本使用指南

1、下載最新版本xhEditor:http://xheditor.com/download

2、將下載的壓縮文件解壓縮，上傳其中的xheditor-zh-cn.min.js以及xheditor_emot、xheditor_plugins和xheditor_skin三個(gè)文件夾到網(wǎng)站相應(yīng)文件夾中。

注：如果網(wǎng)站中沒有使用jQuery框架，也請(qǐng)一并上傳jquery文件夾中的jquery-1.4.4.min.js

3、在需要調(diào)用xhEditor編輯器的網(wǎng)頁head標(biāo)簽結(jié)束之前添加以下代碼：

    <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文件路徑請(qǐng)根據(jù)你網(wǎng)站具體路徑情況相應(yīng)修改

4、在需要實(shí)現(xiàn)可視化的文本框textarea屬性中添加：

     class="xheditor"

    例如：<textarea name="content" class="xheditor">test</textarea>

參考來源

• http://xheditor.com/manual/1

Xheditor使用手冊(cè)導(dǎo)航
入門基礎(chǔ) 進(jìn)階使用： 進(jìn)階使用指導(dǎo)|初始化參數(shù)列表|API函數(shù)接口列表|上傳程序開發(fā)規(guī)范|插件開發(fā)指南|皮膚設(shè)計(jì)指南 其它相關(guān)