此刻我的内心是忐忑的,这个标题给了我很大的压力,虽然很久以前我就在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. 暂时先写这么多,,,