java fckeditor下载_FCKEditor的使用
1.首先登錄官網下載文件包?如:FCKeditor_2.6.4.1.zip
2.解壓后生成一個目錄fckeditor將該目錄拷貝到工程的根目錄下
3.在頁面中引用工具包,這里使用使用Javascript引用,還可以使用FCK的標簽引用
4.定義一個文本編譯域,并在窗體加載時加載事件:
window.οnlοad=function(){
var?oFCKeditor?=?new?FCKeditor(?'myData'?)?;
//編譯器基本路徑
oFCKeditor.BasePath?=?"/fckeditor/fckeditor/";
//高度
oFCKeditor.Width=600;
//寬度
oFCKeditor.Height=400;
//初始化內容
oFCKeditor.value="WRITE?YOU?MESSAGE?HERE!";
oFCKeditor.ReplaceTextarea()?;
}
1.修改工具條的內容
在引用文件里有一個fckconfig.js文件,打開后找到
FCKConfig.ToolbarSets["Default"]的配置,引用默認使用的是Default
一共63個屬性,分別對在頁面中看到的功能,自己定制想要的功能即可。
2.修改增加可應用的字體
同樣在fckconfig.js文件中找到
FCKConfig.FontNames屬性,然后進行增加如:FCKConfig.FontNames??=?'宋體;楷體;Arial;Comic?Sans?MS;Courier?New;Tahoma;Times?New?Roman;Verdana'?;
就增加了宋體和楷體兩種樣式
3.修改回車樣式
同樣在fckconfig.js文件中找到FCKConfig.EnterMode?=?'p'?;???//?p?|?div?|?br
FCKConfig.ShiftEnterMode?=?'br'?;?//?p?|?div?|?br
定義了回車和SHIFT+回車的樣式,默認是P,后面列出了可以使用的值,改為BR即可
4.增加表情圖片
同樣在fckconfig.js文件中找到FCKConfig.SmileyPath?=?FCKConfig.BasePath?+?'images/smiley/msn/'?;
FCKConfig.SmileyImages?=?['paisini.JPG','regular_smile.gif']?;
FCKConfig.SmileyColumns?=?8?;
FCKConfig.SmileyWindowWidth??=?320?;
FCKConfig.SmileyWindowHeight?=?210?;
以上屬性意思分別為,圖片地址,圖片,每行顯示幾個表情,表情窗口的寬度,高度
只要將圖片復制到指定的文件內,然后在FCKConfig.SmileyImages內注冊一下即可
注意:當我們添加的圖片太多時,顯示將出現不盡人意的地方,以下為如何顯示滾動條
打開表情窗口看窗口屬性可以得知,該窗口實際上是一個頁面,該頁面在
Fckeditor/ editor/ dialog/ fck_smiley.html,找到文件做如下修改:
(1)在該頁面加載時調用了一個函數window.onload?=?function?()
{
//?First?of?all,?translate?the?dialog?box?texts
oEditor.FCKLanguageManager.TranslatePage(document)?;
//dialog.SetAutoSize(?true?)?;
}
注釋掉第二句內容
(2)在頁面中有該屬性
Overflow的意思可以參考CSS手冊,默認是不顯示滾動條,可選值還有?auto?需要時顯示;scroll?總是顯示,設置為?auto?即可
5.去除瀏覽器服務器按鈕功能
我們在點擊圖片時可以看到有一個瀏覽服務器的功能,我們現在要將其去除,同樣在該頁面看屬性,找到對應的文件,這個窗口對應的文件為:
fckeditor/editor/dialog/fck_image.html
在頁面里找到對應按鈕,注釋即可!另外,該窗口的預覽中帶有大量問題,如果想去除或更改以同樣方式找到對應的頁面,修改或刪除即可,注意是在文本框內右鍵看屬性
總結
以上是生活随笔為你收集整理的java fckeditor下载_FCKEditor的使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基于java的试题库管理系统(java
- 下一篇: [RK3288][Android6.0]