校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識(shí)庫 > HTML 編輯器 FCKeditor使用詳解

HTML 編輯器 FCKeditor使用詳解

熱門標(biāo)簽:四平電話機(jī)器人哪家好 智能電銷機(jī)器人真的好嗎 長春防封卡電銷卡套餐 靈聲智能電話機(jī)器人招聘 長春銷售外呼系統(tǒng)業(yè)務(wù) 興化400電話辦理多少錢 天津電銷卡外呼系統(tǒng)線路 株洲外呼營銷系統(tǒng)有哪些 企業(yè)電話機(jī)器人辦理
一、簡介
功能:所見即所得,支持圖片和Flash,工具欄可自由配置,使用簡單
兼容性:IE 5.5+、Firefox 1.5+、Safari 3.0+、Opera 9.50+、Netscape 7.1+、 Camino 1.0+
成熟度:使用廣泛,被Baidu、CSDN等選用
二、下載
官方下載首頁:http://www.fckeditor.net/download/,當(dāng)前版本為2.5.1
需要下載FCKeditor 2.5.1(FCKeditor_2.5.1.zip)和FCKeditor.Java(FCKeditor-2.3.zip)
三、部署
本例以WebRoot作為應(yīng)用根路徑,部署后的目錄結(jié)構(gòu)如下圖所示:
HTML編輯器FCKeditor使用詳解(圖一)
1. FCKeditor_2.5.1.zip解壓,將fckeditor文件夾復(fù)制到/WebRoot/下
2. FCKeditor-2.3.zip解壓,將commons-fileupload.jar和FCKeditor-2.3.jar復(fù)制到/WebRoot/WEB-INF/lib/下
3. 修改/WebRoot/WEB-INF/web.xml文件,增加以下內(nèi)容:
復(fù)制代碼 代碼如下:

<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<param-value>/UserFiles/</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>SimpleUploader</servlet-name>
<servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<param-value>/UserFiles/</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>enabled</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFile</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFile</param-name>
<param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsImage</param-name>
<param-value>jpg|gif|jpeg|png|bmp</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsImage</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFlash</param-name>
<param-value>swf|fla</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFlash</param-name>
<param-value></param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/fckeditor/connector</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/fckeditor/simpleuploader</url-pattern>
</servlet-mapping>

4. 修改/WebRoot/fckeditor/fckconfig.js,修改部分如下:
復(fù)制代碼 代碼如下:

FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=/fckeditor/connector' ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=ImageConnector=/fckeditor/connector' ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=FlashConnector=/fckeditor/connector' ;
FCKConfig.LinkUploadURL = '/fckeditor/simpleuploader?Type=File' ;
FCKConfig.ImageUploadURL = '/fckeditor/simpleuploader?Type=Image' ;
FCKConfig.FlashUploadURL = '/fckeditor/simpleuploader?Type=Flash';

注意:
(1) 步驟3、4設(shè)置了文件瀏覽和上傳的配置,web.xml中Servlet的url-pattern>要和fckconfig.js中的URL引用一致;
(2) 本例正常運(yùn)行的前提是WebRoot被部署為根路徑,如果設(shè)了虛擬路徑會(huì)找不到servlet。
四、使用
本例使用最直接的js方式,API和TagLib方式參見FCKeditor-2.3.zip解壓后_samples下的例子。
fckdemo.jsp:
復(fù)制代碼 代碼如下:

<html>
<head>
<title>FCKeditor Test</title>
<script type="text/javascript" src="/fckeditor/fckeditor.js"></script>
</head>
<body>
<form action="fckdemo.jsp" method="post">
<%
String content=request.getParameter("content");
if (content != null) {
content = content.replaceAll("\r\n", "");
content = content.replaceAll("\r", "");
content = content.replaceAll("\n", "");
content = content.replaceAll("\"", "'");
}else{
content = "";
}
%>
<table width=100%>
<tr>
<td colspan=4 style='text-align:center' width=100% height=50px>
<span>
<script type="text/javascript">
var oFCKeditor = new FCKeditor('content');//傳入?yún)?shù)為表單元素(由FCKeditor生成的input或textarea)的name
oFCKeditor.BasePath='/fckeditor/';//指定FCKeditor根路徑,也就是fckeditor.js所在的路徑
oFCKeditor.Height='100%';
oFCKeditor.ToolbarSet='Demo';//指定工具欄
oFCKeditor.Value="<%=content%>";//默認(rèn)值
oFCKeditor.Create();
</script>
</span>
</td>
</tr>
<tr><td align=center><input type="submit" value="提交"></td></tr>
<tr><td>nbsp;</td></tr>
<tr><td>取值(可直接保存至數(shù)據(jù)庫):</td></tr>
<tr><td style="padding:10px;"><%=content%></td></tr>
</table>
</form>
</body>
</html>

效果圖:
HTML編輯器FCKeditor使用詳解(圖二)
五、配置文件fckconfig.js
1. DefaultLanguage:缺省語言,可更改為“zh-cn”
2. 自定義工具欄:可修改或增加ToolbarSets,例如:
FCKConfig.ToolbarSets["Demo"] = [['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','TextColor','BGColor','-','Style','-','Image','Flash','Table']] ;
3. EnterMode和ShiftEnterMode:“回車”和“Shift+回車”的換行行為,注釋提示了可選模式
4. EditorAreaCss:編輯區(qū)樣式文件
5. 其他參數(shù):
復(fù)制代碼 代碼如下:

AutoDetectLanguage=true/false 自動(dòng)檢測語言
BaseHref="" 相對(duì)鏈接的基地址
ContentLangDirection="ltr/rtl" 默認(rèn)文字方向
ContextMenu=字符串?dāng)?shù)組,右鍵菜單的內(nèi)容
CustomConfigurationsPath="" 自定義配置文件路徑和名稱
Debug=true/false 是否開啟調(diào)試功能,這樣,當(dāng)調(diào)用FCKDebug.Output()時(shí),會(huì)在調(diào)試窗中輸出內(nèi)容
EnableSourceXHTML=true/false 為TRUE時(shí),當(dāng)由可視化界面切換到代碼頁時(shí),把HTML處理成XHTML
EnableXHTML=true/false 是否允許使用XHTML取代HTML
FillEmptyBlocks=true/false 使用這個(gè)功能,可以將空的塊級(jí)元素用空格來替代
FontColors="" 設(shè)置顯示顏色拾取器時(shí)文字顏色列表
FontFormats="" 設(shè)置顯示在文字格式列表中的命名
FontNames="" 字體列表中的字體名
FontSizes="" 字體大小中的字號(hào)列表
ForcePasteAsPlainText=true/false 強(qiáng)制粘貼為純文本
ForceSimpleAmpersand=true/false 是否不把符號(hào)轉(zhuǎn)換為XML實(shí)體
FormatIndentator="" 當(dāng)在源碼格式下縮進(jìn)代碼使用的字符
FormatOutput=true/false 當(dāng)輸出內(nèi)容時(shí)是否自動(dòng)格式化代碼
FormatSource=true/false 在切換到代碼視圖時(shí)是否自動(dòng)格式化代碼
FullPage=true/false 是否允許編輯整個(gè)HTML文件,還是僅允許編輯BODY間的內(nèi)容
GeckoUseSPAN=true/false 是否允許SPAN標(biāo)記代替B,I,U標(biāo)記
IeSpellDownloadUrl=""下載拼寫檢查器的網(wǎng)址
ImageBrowser=true/false 是否允許瀏覽服務(wù)器功能
ImageBrowserURL="" 瀏覽服務(wù)器時(shí)運(yùn)行的URL
ImageBrowserWindowHeight="" 圖像瀏覽器窗口高度
ImageBrowserWindowWidth="" 圖像瀏覽器窗口寬度
LinkBrowser=true/false 是否允許在插入鏈接時(shí)瀏覽服務(wù)器
LinkBrowserURL="" 插入鏈接時(shí)瀏覽服務(wù)器的URL
LinkBrowserWindowHeight=""鏈接目標(biāo)瀏覽器窗口高度
LinkBrowserWindowWidth=""鏈接目標(biāo)瀏覽器窗口寬度
Plugins=object 注冊(cè)插件
PluginsPath="" 插件文件夾
ShowBorders=true/false 合并邊框
SkinPath="" 皮膚文件夾位置
SmileyColumns=12 圖符窗列數(shù)
SmileyImages=字符數(shù)組 圖符窗中圖片文件名數(shù)組
SmileyPath="" 圖符文件夾路徑
SmileyWindowHeight 圖符窗口高度
SmileyWindowWidth 圖符窗口寬度
SpellChecker="ieSpell/Spellerpages" 設(shè)置拼寫檢查器
StartupFocus=true/false 開啟時(shí)FOCUS到編輯器
StylesXmlPath="" 設(shè)置定義CSS樣式列表的XML文件的位置
TabSpaces=4 TAB鍵產(chǎn)生的空格字符數(shù)
ToolBarCanCollapse=true/false 是否允許展開/折疊工具欄
ToolbarSets=object 允許使用TOOLBAR集合
ToolbarStartExpanded=true/false 開啟是TOOLBAR是否展開
UseBROnCarriageReturn=true/false 當(dāng)回車時(shí)是產(chǎn)生BR標(biāo)記還是P或者DIV標(biāo)記

六、自定義樣式
工具欄的Style選項(xiàng),是由fckconfig.js指定的配置文件來產(chǎn)生的:
復(fù)制代碼 代碼如下:

FCKConfig.StylesXmlPath = FCKConfig.EditorPath + 'fckstyles.xml' ;

可修改fckstyles.xml來自定義樣式。

標(biāo)簽:黑龍江 新疆 巴彥淖爾 石嘴山 運(yùn)城 漯河 貴港 青海

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML 編輯器 FCKeditor使用詳解》,本文關(guān)鍵詞  HTML,編輯器,FCKeditor,使用,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML 編輯器 FCKeditor使用詳解》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML 編輯器 FCKeditor使用詳解的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    亚洲国产裸拍裸体视频在线观看乱了| 日韩午夜中文字幕| 青娱乐精品在线视频| 久久九九全国免费| 制服丝袜av成人在线看| 成人高清免费在线播放| 美女视频一区在线观看| 亚洲猫色日本管| 久久亚洲一区二区三区四区| 在线观看www91| 高清日韩电视剧大全免费| 天天影视网天天综合色在线播放| 国产精品麻豆99久久久久久| 日韩一级片在线播放| 久久久噜噜噜久噜久久综合| 欧美视频一区二区三区在线观看| 国产成人免费视频网站| 乱中年女人伦av一区二区| 亚洲综合色区另类av| 国产一区高清在线| 粉嫩高潮美女一区二区三区| 欧美亚洲丝袜传媒另类| 成人福利视频在线看| 精品亚洲成a人在线观看| 日韩成人一级片| 亚洲一区二区欧美激情| 国产精品久久久久影院亚瑟| 国产三级三级三级精品8ⅰ区| 5858s免费视频成人| 欧美色图第一页| 91黄色免费观看| 色av成人天堂桃色av| 91老师片黄在线观看| 99精品一区二区| 99re热这里只有精品免费视频| 国产成人在线看| 高清成人在线观看| 国产成人av影院| 国产91富婆露脸刺激对白| 国产精品一卡二卡| 国产成人精品网址| 成人国产电影网| 91亚洲精华国产精华精华液| 91天堂素人约啪| 91福利精品视频| 欧美日韩一区二区三区高清| 欧美日韩国产高清一区二区三区| 欧美精品三级日韩久久| 91精品国产免费| 精品日产卡一卡二卡麻豆| 久久久久一区二区三区四区| 国产精品久久久久桃色tv| 国产精品久久久久久户外露出 | 亚洲婷婷在线视频| 日韩理论电影院| 亚洲一区二区成人在线观看| 亚洲福利视频一区二区| 日本成人在线一区| 韩国女主播一区| 国产成人8x视频一区二区| 成人黄色免费短视频| 欧美无人高清视频在线观看| 欧美日韩精品一区二区三区 | 国产91丝袜在线播放0| 成a人片国产精品| 91福利在线播放| 精品国产伦一区二区三区免费| 亚洲二区视频在线| 91精品国产乱| 精品国产免费视频| 欧美激情中文字幕一区二区| 九九九久久久精品| 国产很黄免费观看久久| 91香蕉国产在线观看软件| 欧美放荡的少妇| 久久久久久久久久久99999| 一区二区中文字幕在线| 亚洲风情在线资源站| 激情综合色综合久久综合| 99视频超级精品| 欧美男男青年gay1069videost | 成人亚洲一区二区一| 91在线国产观看| 欧美一级久久久| 欧美韩日一区二区三区四区| 午夜精品免费在线观看| 国产麻豆精品视频| 在线观看免费成人| 久久久久国产一区二区三区四区| 一区二区成人在线| 极品美女销魂一区二区三区免费| 欧美天堂一区二区三区| 久久精品99国产精品| 国产成人aaa| 91精品国产入口在线| 国产精品国产三级国产aⅴ原创 | 日本aⅴ亚洲精品中文乱码| 成人精品免费视频| 欧美一区二区三区视频在线观看| 中文字幕日韩av资源站| 蜜臀va亚洲va欧美va天堂| 欧美视频在线播放| 亚洲欧美在线另类| 国产一区二区主播在线| 51精品秘密在线观看| 亚洲人成网站在线| 国产丶欧美丶日本不卡视频| 3d动漫精品啪啪| 亚洲午夜精品17c| www.成人在线| 国产欧美一区二区三区网站| 日韩国产欧美三级| 在线精品视频一区二区三四| 国产精品毛片久久久久久久| 国内欧美视频一区二区| 欧美精品日韩精品| 亚洲线精品一区二区三区| aaa欧美色吧激情视频| 久久噜噜亚洲综合| 久久99在线观看| 777xxx欧美| 亚洲国产精品麻豆| 99国产精品国产精品毛片| 国产欧美久久久精品影院| 久久精品国产一区二区三区免费看| 欧美日韩精品欧美日韩精品| 亚洲香肠在线观看| 91国产视频在线观看| 亚洲免费高清视频在线| 国产精品一区二区久久不卡| 久久久久国产精品麻豆| 国产综合久久久久影院| 精品99999| 黑人巨大精品欧美黑白配亚洲| 91精品国产综合久久精品图片| 亚洲成人777| 欧洲一区在线观看| 一区二区三区91| 一本一道波多野结衣一区二区| 中文av一区特黄| 成人h动漫精品一区二区| 欧美一级淫片007| 日韩欧美一区二区免费| 91精品在线一区二区| 亚洲一卡二卡三卡四卡| 一本大道久久a久久精二百| 亚洲人成精品久久久久| 99国内精品久久| 亚洲欧美在线视频观看| 欧洲精品在线观看| 日韩精品成人一区二区三区| 日韩亚洲欧美一区二区三区| 久久99精品国产.久久久久| 久久人人超碰精品| 国产一区二区不卡在线 | 日韩区在线观看| 久久国产剧场电影| 欧美变态凌虐bdsm| 懂色av一区二区三区免费观看 | 亚洲综合成人在线视频| 欧美蜜桃一区二区三区| 麻豆成人在线观看| 国产午夜一区二区三区| 成人午夜激情在线| 一区二区在线观看视频在线观看| 欧美男女性生活在线直播观看| 久久91精品国产91久久小草| 欧美韩日一区二区三区四区| 日本电影欧美片| 亚洲精品国产一区二区三区四区在线| 欧美日韩国产高清一区二区| 久久91精品国产91久久小草| 成人欧美一区二区三区1314| 欧美喷潮久久久xxxxx| 国产成人综合网| 亚洲午夜精品网| 久久久久久久久久久电影| 日本道在线观看一区二区| 久久国产精品第一页| 中文字幕中文字幕一区| 正在播放一区二区| 国产传媒欧美日韩成人| 亚瑟在线精品视频| 日本一区二区三区免费乱视频| 欧美日韩综合一区| 国产xxx精品视频大全| 夜夜夜精品看看| 中文字幕国产精品一区二区| 欧美三级在线视频| 成人免费观看av| 日韩av一区二区三区| 国产精品美女一区二区| 欧美一区二区视频观看视频| 成人激情小说乱人伦| 秋霞电影网一区二区| 亚洲精品视频在线观看网站| 精品国产伦理网| 欧美日本免费一区二区三区| 视频一区中文字幕| 亚洲色图欧洲色图|