bluezz旅遊筆記本

附近

bluezz線上編輯器 (javascript)



// ABOUT
// ==================================================
// bluezz線上編輯器v0.62 (內含 bluezz調色盤v0.51、bluezz表情符號v0.5)
// made by zenon blue,December 2003
// http://bluezz.tw/c.php?id=386
// service@bluezz.tw
// Copyright 2006 by bluezz
// ==================================================

=====修改記錄=====
v0.5   2003/12
       設計完成並使用於地方行政研習中心http://www.rad.gov.tw/
v0.52  2006/10
       修改為UTF-8編碼
v0.62  2006/10
       新增chk_content_load()函數判斷修改的內容值是否已經讀入
        新增重新整理功能
v0.621 2006/10
       修正表格百分比錯誤

=====功能說明=====
◎此程式利用JavaScript和CSS所編寫而成的Client端的文字編輯器
◎相關應用可配合php,asp,jsp等Server端程式存取DateBase

=====設定說明=====
1.在head裡加入4檔案
bluezz_face.js
plate.js
bluezz_fw.css
bluezz_fw.js
ex:
<link href=tools/bluezz_fw.css rel=stylesheet type=text/css>
<script language="JavaScript" src="tools/bluezz_face.js" type="text/javascript"></script>
<script language="JavaScript" src="tools/plate.js" type="text/javascript"></script>
<script language=javascript src="tools/bluezz_fw.js" type="text/javascript"></script>

2.在body讀入後馬上執行初始化設定,並設定form
loadEditor('fw_name')
fw_name:欄位名稱
ex:
<body onload="loadEditor('content')">
<form name="p_form" method="post">

3.呼叫主程式
bluezz_fw(fw_name,h,w)
變數說明:
fw_name:欄位名稱
h:欄位高
w:欄位寬
ex:
<script>bluezz_fw("content",300,500)</script>

4.回傳原始碼
欲結合後端請可執行
         fw_put("content"); //編輯給值
fw_in(fw_name,form_name);
form_name:form的名稱

則回傳值會帶入content
<input type="hidden" name="content" value="" />
可輸出運用ex:
<input type="hidden" name="content" value="這是bluezz的線上編輯器!" />

5.修改模式
若content預設有值請依server端程式判斷執行下面一行(移除註解)
setTimeout("chk_content_load('form_name')", 100);
ex:
<script>
setTimeout("chk_content_load('p_form')", 100);
</script>

=====授權說明=====
◎可自由使用,但需保留各檔案之ABOUT註解

範例:
http://bluezz.tw/works/bluezz_fw/



建立日期:2006-10-27 
更新日期:2010-07-06
參考資料:
BLUEZZ 原創