此刻我的內心是忐忑的,這個標題給了我很大的壓力,雖然很久以前我就在github上搜索一圈了,也沒發現有其他更好的開源電子病歷編輯器,如各位親發現有更好的,煩請知會我一聲。
該編輯器其實已經憋了很久了,今天終於拉出來。所以,這么偉(diao)大(si)的項目必須要有一個牛X的名字,對,它就叫SoDiaoEditor--噢~SoDiao 如此的屌,我知道我沒文化/(ㄒoㄒ)/~~~
至於為什么是v2.0.0,這個梗還要從oracle發布的第一個版本說起,,,
本項目基於ueditor(以下簡稱ue)最新版(截止發稿最新版為dev-1.5.0),在ue編輯器的基礎上擴展了很多屬性,重寫了toolbar(so,部分toolbar功能需在下一版本中完善)。
以上為SoDiaoEditor電子病歷設計器的功能演示,更多功能請移步:電子病歷設計器演示地址(病歷開發者使用。建議在PC端打開,域名在國外,打開會比較慢)
以上為SoDiaoEditor電子病歷編輯器的功能演示,更多功能請移步:電子病歷編輯器演示地址(病歷設計者使用。建議在PC端打開,域名在國外,打開會比較慢)
其中病歷編輯器給醫生使用。
SoDiaoEditor(尼瑪名太長,以下簡稱SD)在設計之初就奔着解決醫生操作電子病歷繁瑣,開發者新增病歷文書會增加較大工作量的問題。故在操作上盡量方便醫生、電子病歷設計者的操作習慣,SD采用office系列界面風格,讓醫生操作更加友好,每個控件均有tag屬性,方便以后大數據分析。
使用簡單
<!DOCTYPE html> <html> <head> <title>電子病歷編輯器</title> <meta charset="utf-8" /> <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="editor_api.js"></script> <link href="EMR/css/icon.css" rel="stylesheet" /> <link href="EMR/css/design.css" rel="stylesheet" /> </head> <body> <script id="myEditor" type="text/plain" style="width:680px;height:1000px;"> <p style="text-align:center"> 這里是設計出的內容 </p> </script> <script src="EMR/EMR.toolbar.js"></script> <script src="EMR/EMR.PageInit.js"></script> <script type="text/javascript"> EMR.Init({ id: 'myEditor', title: '電子病歷編輯器', isdesign:false,//如果為true 就是電子病歷設計器,默認為true editor: { toolbars: [], wordCount: false,//關閉字數統計 allowDivTransToP: false, elementPathEnabled: false,//關閉elementPath autoClearinitialContent: false } }); </script> </body> </html>
功能尚不完善,計划分以下幾個版本分階段進行:
SoDiaoEditor v2
增加單選、多選、日期選擇等控件,toolbar事件綁定
SoDiaoEditor v3
打印、標題控件、區域控件,單行數字文本實時校驗
SoDiaoEditor v4[正在開發]
兼容ie8、管道事件,局部打印、續打、痕跡保留、批注等
最幸福的,就是做自己喜歡做的事。
從小語文不好,先寫這么多,不懂的自己先看代碼,文檔下一版補充。
github:https://github.com/tlzzu/SoDiaoEditor.v2 原SoDiaoEditor.v2.0將不再更新
如有疑問可提交到github中,我會盡快解決。
或者也可mailto: dd@sodiao.org(太喜歡這個郵箱了)
以上
PS:
1. 多選下拉框,需要雙擊才顯示出下拉選項。對於可允許自由輸入的多選下拉框,單擊為自由輸入項。
2. 文本輸入框,如果其屬性為只讀,無論怎么點都是木有效果的,,,
3. 暫時先寫這么多,,,
PPS:最新內容請參照 : http://www.cnblogs.com/tlzzu/p/6654208.html