html为知笔记模板,新建笔记模板二次开发
Wiz 從1.06 開始,更改了新建模板的方式,允許以填表的形式新建各種文檔并進行保存,具體的例子,可以參看系統內置的 日記模板和每日回顧模板。
新建文檔模板是什么格式?
新建文檔模板,就是一個HTML文件。您可以用html制作表單,然后在用戶保存的時候,將用戶輸入的內容重新組織成一個HTML文件,保存到Wiz里面。
一些例子
新建日記的模板:Wiz安裝目錄下面的templates\new\journal.htm文件
每日回顧模板:Wiz安裝目錄下面的templates\new\daily_review.htm文件
您可以使用文本編輯器或者html編輯器打開這些文件(不要用word/wps之類的字處理軟件打開)。
例如我用Visual Studio 編寫了一個html文件,如下圖:
html源代碼:
#TextArea1 {
height: 200px;
width: 508px;
}
#Text1 {
width: 470px;
}
Title:
Text:
新建文檔模板如何被Wiz找到?
新建文檔的模板,必須放在Wiz安裝目錄下面的 templates\new這個文件夾內,擴展名必須是.htm
將前面編輯的htm文件保存到templates\new,名稱為:my_wiz_template.htm。然后重新啟動Wiz,點擊工具欄的新建按鈕右邊的三角,會出現菜單:
可以看到,這里顯示的是一個英文的菜單,也就是文件名。
為了顯示出中文,或者自動適應多語言環境,進行本地化,我們建立一個my_wiz_template.ini文件(和my_wiz_template.htm文件保存在一個文件夾內),內容如下:
[Strings]
my_wiz_template=My Wiz Template
my_wiz_template_2052=我的Wiz模板
my_wiz_template_1028=我的Wiz模板
注意:
在[Strings]部分,定義了字符串翻譯的方法。其中等號左邊是字符串的名稱,右邊是翻譯的結果。
名稱后面如果包含_xxxx(xxxx是一個數字),則表示是某一種語言下面的翻譯。
其中2052是簡體中文呢,1028是繁體中文,具體可以查詢LCID的值。
在新建文檔菜單中,顯示的名稱,會通過文件名到ini文件里面查找具體的翻譯結果,在這個例子中,我們的文件名是my_wiz_template,因此字符串翻譯的時候,去查找my_wiz_template_2052,獲得了“我的Wiz模板”這個字符串,用來顯示在菜單中。
注意ini文件保存的時候,應該使用unicode或者utf-8(帶簽名)編碼。
重新啟動Wiz,可以看到菜單已經是中文的了。
點擊這個菜單,可以看到一個對話框:
如何保存用戶輸入內容?
用戶在這個對話框內輸入內容后,需要保存。這個時候我們需要增加一個保存按鈕,明且相應用戶點擊的消息。
編輯網頁,增加一個按鈕,然后給它添加onclick消息:
function Button1_onclick() {
}
下面我們編寫腳本:
var objApp = window.external; //window.external對象,就是WizExplorerApp這個對象,用來和WizExplorer來交互
var objDatabase = objApp.Database; //當前用戶數據庫
var objWindow = objApp.Window; //當前窗口
var objCategoryCtrl = objWindow.CategoryCtrl; //文件夾列表控件
var objCurrentFolder = objCategoryCtrl.SelectedFolder; //當前選中的文件夾
if (objCurrentFolder == null) { //如果沒有選中
objCurrentFolder = objDatabase.GetFolderByLocation("/My Drafts/", true); //獲得我的草稿這個文件夾
}
//
var objDoc = null; //生成的WizDocument對象
//
function saveToWiz() { //保存到Wiz
try {
var title = Text1.value; //獲得用戶輸入的標題
if (title == null || title == "") {
title = "Untitled";
}
//
if (objDoc == null) { //如果是第一次保存
objDoc = objCurrentFolder.CreateDocument2(title, ""); //生成文檔
objDoc.Type = "mywiztype"; //設置文檔類型
}
//
objDoc.ChangeTitleAndFileName(title); //更改文檔標題和文件名
//
var htmltext = "
" + title + "
" + TextArea1.innerHTML + ""; //生成的文檔的html內容//
//
objDoc.UpdateDocument3(htmltext, 0); //將html內容保存到文檔中
//
objWindow.CategoryCtrl.SelectedFolder = objCurrentFolder; //選中當前文件夾
objWindow.DocumentsCtrl.SetDocuments(objCurrentFolder); //讓文檔列表顯示當前文件夾的文檔列表
objWindow.DocumentsCtrl.SelectedDocuments = objDoc; //選中當前文檔
objWindow.ViewDocument(objDoc, true); //在WizExplorer里面顯示保存后的文檔
}
catch (err) {
alert(err.message); //出錯了
}
}
//
function Button1_onclick() {
saveToWiz();
}
然后將html文件保存,重新使用這個模板,新建文檔,就可以點擊保存按鈕進行保存了。
效果就是將用戶輸入的標題和文字保存到當前文件夾下面的新文檔中。
如何本地化?
從上面的例子中,可以看到顯示的新建模板對話框里面的html沒有進行本地化。
新建模板文檔的本地化,和html對話框插件的本地化方法一樣,將會在稍后介紹。
例子下載:
請下載附件,然后把zip解壓縮,將所有的文件復制到Wiz安裝文件夾的templates\new這個文件夾內,重新啟動Wiz測試。
總結
以上是生活随笔為你收集整理的html为知笔记模板,新建笔记模板二次开发的全部內容,希望文章能夠幫你解決所遇到的問題。
                            
                        - 上一篇: Android wakelock 自上而
 - 下一篇: 第一次线下活动总结