HTMLArea所見即所得線上編輯器使用技巧
在使用HTMLArea所見即所得線上編輯器時，注意事項：
若依照官方網站教學方式在設定
只需加上下面的script，然後再把HTMLArea.replaceAll()加到 <BODY> onload 屬性中。
<!-- 載入 htmlarea 編輯器 -->
<script type="text/javascript">
_editor_url = "./htmlarea/";
_editor_lang = "en";
</script>
<script type="text/javascript" src="./htmlarea/htmlarea.js"></script>
<!-- 初始化 htmlarea 編輯器 -->
<script type="text/javascript" defer="1">
function initHtmlArea() {
var config = new HTMLArea.Config();
config.width = '600px';
config.height = '280px';
config.baseURL = '';
HTMLArea.replaceAll(config); //把html body中的textarea變成htmlarea編輯器
}
</script>
|
但是若使用上述的方式，分別使用IE or Firefox，在送出使用者所編輯出來的內容。
IE所送出的是空白字串，而Firefox卻可以接收到出使用者所編輯出來的內容。
有點小詭異。
原因在於使用IE並沒有真正把使用者所編輯的文字內容，轉到<TEXTAREA>去，所以送出都是空白….Orz。
要解決此問題，必須修正原本的作法。
修正如下所述的script，然後再把initEditor()加到 <BODY> onload 屬性中。
<!-- 載入 htmlarea 編輯器 -->
<script type="text/javascript">
_editor_url = "js/htmlarea/";
_editor_lang = "en";
</script>
<script type="text/javascript" src="./htmlarea/htmlarea.js"></script>
<!-- 初始化 htmlarea 編輯器 -->
<script type="text/javascript" defer="1">
function initEditor() {
// 建立WYSIWYG編輯器物件, text是TEXTAREA的id
editor = new HTMLArea("text");
editor.generate();
return false;
}
function check(form){
//把WYSIWYG編輯器內的文字資料(HTML格式)真正轉到TEXTAREA中
if(editor._editMode=="wysiwyg"){
form.text.value=editor.getHTML(editor._doc.body, false, editor);
}
}
</script>
|
Tags: 技術通報
0 responses so far ↓
There are no comments yet...Kick things off by filling out the form below.
Leave a Comment