流程表單編輯器

2022-02-19 23:32:11 字數 1103 閱讀 6834

經過7天的時間終於把流程引擎的表單編輯器寫完了,該編輯器基於kindeditor以外掛程式的形式編寫,其實前面3天一直在研究kindeditor。外掛程式的右鍵功能也研究了一天,由於在官網沒有找到右鍵是如何做的,所有只有自己在他的源**裡找了,在此記錄下開發的過程。

第二天,學習kindeditor的外掛程式設計,以label外掛程式開始嘗試自己寫,其它功能都可以實現唯獨外掛程式右鍵選單不知道如何實現

第三天,重構自己的js**

第四天,終於找到了kindeditor外掛程式的右鍵是如何實現的了,並完善了label外掛程式

後面的事情就簡單多了,由於在公司呆了4年左右時間,公司的業務比較熟悉,因此在上班的時間經常被別的同事叫走,或者開會等有其它事情,中間確實也耽誤了不少時間。下面我就給說說外掛程式的右鍵功能是如何做的吧,首先開啟kindeditor源**找到下面的**

self.plugin.getselectedanchor = function() );

}; _each('link,image,flash,media,anchor'.split(','), function(i, name) );

},cond : self.plugin['getselected' + uname],

width : 150,

iconclass : val == 'edit' ? 'ke-icon-' + name : undefined

});});

self.addcontextmenu();

});

self.plugin.getselectedanchor這個方法可以讓程式查詢右鍵時,滑鼠所在的位置是不是anchor外掛程式。下面這個each就是給這些外掛程式初始化話右鍵選單。明白了這些後就可以開發自己的,完全獨立於kindeditor源的外掛程式了。

附上乙個表單設計器的圖

Tiny流程編輯器

流程編輯器是tiny框架提供了編輯流程的圖形化工具。目前支援的流程有邏輯流程和頁面流程,未來也許會擴充套件其他的流程。流程編輯器簡介 字尾是 flow或者 pageflow的流程檔案可以直接在eclipse裡面雙擊,呼叫相關編輯器開啟 新建流程則按 new other tiny框架 的順序,從嚮導介...

vim編輯器 編輯器之神

h 向左移動 j 向下移動 k 向上移動 l 向右移動 w 移動到下乙個單詞的首部 e 移動到下乙個單詞的尾部 b 移動到上乙個單詞的首部 移動到行首 移動到行尾 g 跳轉到文件的末尾 gg 跳轉到文件的開始複製操作 複製n行 nyy 2yy 移動游標到要寫入的位置,再按p 刪除操作 刪除多行 nd...

編輯器之神 vim編輯器

vi編輯器是所有unix及linux系統下標準的編輯器,類似於windows系統下的notepad 記事本 編輯器,由於在unix及linux系統的任何版本,vi編輯器是完全相同的,因此可以在其他任何介紹vi的地方都能進一步了解它,vi也是linux中最基本的文字編輯器,學會它後,我們將在linux...