?
這幾步是如果使用htmlarea3.0的說明,是在網上看到的. 在/htmlarea/examples/web-menu這個文件里有更為詳細的說明.下邊的這個鏈接的版本是多國語言版本,默認的語言為英語.
一
??? 下載HTMLarea3.0 http://www.jhdown.com/soft/8/141/html/2006220010681.html,解壓里面的文件到web站點的/htmlarea目錄下(可以是自己建的目錄,這里建議直接用htmlarea做為目錄)；
二、定義javascript的全局變量及引入js文件:
?<script type="text/javascript">
?? _editor_url = "${pageContext.request.contextPath}/htmlarea/";
?? _editor_lang = "en";
</script>
<script type="text/javascript" src="${pageContext.request.contextPath}/htmlarea/htmlarea.js"></script>
<script type="text/javascript">
var editor = null;
function initEditor() {
? editor = new HTMLArea("content");
? editor.generate();
}
</script>
有句editor = new HTMLArea("content");"content"是表單中textarea屬性的id，如：
????? <html:form action="/actionBbsreply.do?method=update" onsubmit="this['content'].value=editor.getHTML();">
??????? <textarea cols="110" rows="15" id="content" name="content">
????????? <bean:write name="bbsreply" property="content"/>
??????? </textarea>
??????? <html:submit value=" 提 交 ">
??????? </html:submit>
????? </html:form>
三、在body的onload事件中加載initEditor():
? 如：<body bgcolor="#ffffff" onload="initEditor()">
四、注意點:
1、editor = new HTMLArea("content");參數值是表單中textarea屬性id;
2、在body的onload事件中加載initEditor()；
3、表單onsubmit事件調用this['content'].value=editor.getHTML()
在使用的過程中發現,因為默認是英文語方,提示信息也是英文的, 這對于飛慣用中文的朋友來說很是不方便 ,如果要改變語言的話
?? _editor_lang = "en";
把上邊代碼里的._editor_lang="gb"理論上就可以了, 這樣,當代碼去運行的時候會找/lang文件夾下的gb.js文件,但是作者發布這套源代碼的時候jb.js里的中文是用iso8859-1編碼的,我用MyEclipse的javascriptEdit查看器(MyEclipse下*.js的默認)打開的時候看到的全是亂碼,這就導至了在jsp頁面出現錯誤.解決的辦法就是在改變gb.js的文件的屬性, 將編碼格式改為utf-8的格式. 然后再加上en.js下邊的
?buttons: {
? "ok":?????????? "確定",
? "cancel":?????? "取消"
?},
?msg: {
? "Path":???????? "路徑",
? "TEXT_MODE":??? "現在模式是文本模式.? 按[<>]鍵切換到可視化編輯模式.",
? "IE-sucks-full-screen" :
? // translate here
? "The full screen mode is known to cause problems with Internet Explorer, " +
? "due to browser bugs that we weren't able to workaround.? You might experience garbage " +
? "display, lack of editor functions and/or random browser crashes.? If your system is Windows 9x " +
? "it's very likely that you'll get a 'General Protection Fault' and need to reboot.\n\n" +
? "You have been warned.? Please press OK if you still want to try the full screen editor."
?},
?dialogs: {
? "Cancel"??????????????????????????????????????????? : "Cancel",
? "Insert/Modify Link"??????????????????????????????? : "Insert/Modify Link",
? "New window (_blank)"?????????????????????????????? : "New window (_blank)",
? "None (use implicit)"?????????????????????????????? : "None (use implicit)",
? "OK"??????????????????????????????????????????????? : "OK",
? "Other"???????????????????????????????????????????? : "Other",
? "Same frame (_self)"??????????????????????????????? : "Same frame (_self)",
? "Target:"?????????????????????????????????????????? : "Target:",
? "Title (tooltip):"????????????????????????????????? : "Title (tooltip):",
? "Top frame (_top)"????????????????????????????????? : "Top frame (_top)",
? "URL:"????????????????????????????????????????????? : "URL:",
? "You must enter the URL where this link points to"? : "You must enter the URL where this link points to"
?}
這些代碼.如果有需要的話, 可以把右邊屬性的值翻譯成漢語,這里還有一個要注意的地方就是要對照格式,我把我改正過的貼到這里, 方便查看
// I18N constants -- Chinese GB
// by Dave Lo -- dlo@interactivetools.com
HTMLArea.I18N = {
?// the following should be the filename without .js extension
?// it will be used for automatically load plugin language.
?lang: "gb",
?tooltips: {
? bold:?????????? "粗體",
? italic:???????? "斜體",
? underline:????? "底線",
? strikethrough:? "刪除線",
? subscript:????? "下標",
? superscript:??? "上標",
? justifyleft:??? "位置靠左",
? justifycenter:? "位置居中",
? justifyright:?? "位置靠右",
? justifyfull:??? "位置左右平等",
? orderedlist:??? "位置左右平等",
? unorderedlist:? "無序清單",
? outdent:??????? "減小行前空白",
? indent:???????? "加寬行前空白",
? forecolor:????? "文字顏色",
? backcolor:????? "背景顏色",
? horizontalrule: "水平線",
? horizontalrule: "水平標尺",
? createlink:???? "插入連結",
? insertimage:??? "插入圖形",
? inserttable:??? "插入表格",
? htmlmode:?????? "切換HTML原始碼",
? popupeditor:??? "放大",
? about:????????? "關於 HTMLArea",
? help:?????????? "說明",
? textindicator:? "字體例子"
?},
?buttons: {
? "ok":?????????? "確定",
? "cancel":?????? "取消"
?},
?msg: {
? "Path":???????? "路徑",
? "TEXT_MODE":??? "現在模式是文本模式.? 按[<>]鍵切換到可視化編輯模式.",
? "IE-sucks-full-screen" :
? // translate here
? "The full screen mode is known to cause problems with Internet Explorer, " +
? "due to browser bugs that we weren't able to workaround.? You might experience garbage " +
? "display, lack of editor functions and/or random browser crashes.? If your system is Windows 9x " +
? "it's very likely that you'll get a 'General Protection Fault' and need to reboot.\n\n" +
? "You have been warned.? Please press OK if you still want to try the full screen editor."
?},
?dialogs: {
? "Cancel"??????????????????????????????????????????? : "Cancel",
? "Insert/Modify Link"??????????????????????????????? : "Insert/Modify Link",
? "New window (_blank)"?????????????????????????????? : "New window (_blank)",
? "None (use implicit)"?????????????????????????????? : "None (use implicit)",
? "OK"??????????????????????????????????????????????? : "OK",
? "Other"???????????????????????????????????????????? : "Other",
? "Same frame (_self)"??????????????????????????????? : "Same frame (_self)",
? "Target:"?????????????????????????????????????????? : "Target:",
? "Title (tooltip):"????????????????????????????????? : "Title (tooltip):",
? "Top frame (_top)"????????????????????????????????? : "Top frame (_top)",
? "URL:"????????????????????????????????????????????? : "URL:",
? "You must enter the URL where this link points to"? : "You must enter the URL where this link points to"
?}
};
呵呵.文件改好了以后,就把這個文件復制到/plugins/下.(在plugins下有5個子文件夾,每個又文件夾下有一個lang文件夾,把gb.js文件放進去就OK了.)
然后啟動,成功了...^_^
趙永超原創,轉載請注明
?
?