SoDiaoEditor电子病历编辑器更新至V3版本,愿与各位一路同行!
简单闲聊两句……
记得刚参加工作那会儿,去医院实施,信息科不远处就是手术室,门口每天都挤满了人,他们中大多数都是等待手术结果的患者家属,有的还会把折叠床带来,应该是陪床有段时间了。有时路过,还会听到一群人在手术室门口哭,那是我毕业前最接近死亡的一段时间,当时就想着有天能为医疗行业做点什么。
后来有几次接触到医院自研的电子病历,编辑器那叫一个丑啊,而且设计模板的方式也很奇葩,但当时咱也是个初入医疗行业的菜鸟,不敢瞎逼逼,何况也给不出更好的方案。不过想做一款更好的电子病历编辑器的想法就这么萌生了。
再后来 16 年因为个人+公司的缘故,迷茫了一段时间。当时想着抽空把编辑器做出来,了结了这件事,按照以往怀胎十月也该生了,何况我这都一年多了,然后就利用闲时初步写了一款编辑器(就是现在的 SoDiaoEditor 啦--以下简称 SDE),还取了一个贼恶心的名字,为了恶心到底,我还买了个更恶心的域名,豁出去了。。。
好啦,恍恍惚惚,SDE 从建立到现在也有 18 个月了,中间提交了上百次的 commit,也经历了多个小伙伴们的二级&三级&云电子病历项目的上线,加上中间遇到的各种 bug,,,一路走来,感谢各位小伙伴的信任、理解与支持。也算是为医疗行业尽了一份力。共勉!
以下为具体更新内容,更多接口详情请见V3 API接口:
愿景
- 成为电子病历编辑器的通用标准;
- 愿为医疗行业做点力所能及的事;
- 愿各位码农少加班;
交流
QQ 群:370844065 (已有近百家医疗企业开发人员,欢迎进群探讨)
更新记录
Vue 中使用
详见另一个 github 项目:SoDiaoEditor-Vue
待完善!
效果展示
V3 版本:
在线预览
SDE 分为两大编辑器:
截止到目前的旧模式
- 设计器
- 设计模式-DESIGN
- 编辑模式-EDITOR
- 只读模式-READONLY
- 编辑器
- 设计模式-DESIGN(可编辑控件及病历内容)
- 编辑模式-EDITOR(只允许操作非只读控件)
- 只读模式-READONLY(不可编辑)
新模式将在 4 月底实现
因为时间关系,SDE 的模式调整将于 4 月底完成,届时各位的使用将不受影响,只需根据自己的选择适当调整即可。
- 设计器
- 设计模式-DESIGN
- 建议设计电子病历模板时使用该模式。可自由添加模板,设计控件。
- 编辑模式-EDITOR
- 建议操作人员(医生、护士、检查科室等)使用该模式。编辑模板,不可添加/删除控件。
- 输入模式-INPUT
- 建议操作人员使用该模式。该模式只允许修改非只读控件的值。
- 只读模式-READONLY
- 建议在部分查看、调阅电子病历的场景下使用。该模式下模板不可编辑。
- 设计模式-DESIGN
- 编辑器
- 编辑模式-EDITOR
- 建议给医生使用,或移动版使用。该模式下可编辑控件及病历内容。
- 输入模式-INPUT
- 建议给医生使用。只允许操作非只读控件。
- 只读模式-READONLY
- 建议在部分查看、调阅电子病历的场景下使用。该模式下不可编辑。
- 编辑模式-EDITOR
目录结构
data //模拟异步请求的数据,正式项目中可忽略
dialogs //扩展百度ueditor的dialogs
lang //toolbar多语言支持,可自定义toolbar标题
dist
js
sde.design.js //SoDiaoEditor设计器核心js
sde.editor.js //SoDiaoEditor编辑器核心js
example //一些demo
ueditor //因ue存在部分bug,请使用经过本人调整过的版本。
sde.config.js //配置文件
使用说明
设计器:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SoDiaoEditor.v3 电子病历设计器</title>
<!-- 注意以下各脚本之间的加载顺序! -->
<script type="text/javascript" src="sde.config.js"></script>
<link rel="stylesheet" href="ueditor/themes/default/css/ueditor.css" />
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="lang/sde-zh-cn.js"></script>
<script type="text/javascript" src="dist/js/sde.design.js"></script>
</head>
<body>
<script id="myEditor" type="text/plain" style="width:680px;height:1000px;">
病历模板/后续调用sde.html设置...
</script>
<script type="text/javascript">
window.onload = function() {
var sde = new SDE({
id: "myEditor",
title: '<div>SoDiaoEditor.v3 电子病历设计器</div>',
ready:function(){
//sde为异步渲染,若想在sde加载完成后 设置html或修改模式等,可在这里触发
}
});
};
</script>
</body>
</html>
编辑器:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SoDiaoEditor.v3 电子病历编辑器</title>
<script type="text/javascript" src="dist/js/sde.editor.js"></script>
</head>
<body>
<div id="myEditor" style="width:680px;height:1000px;margin:0 auto;">
病历模板/后续调用sde.html设置...
</div>
<script type="text/javascript">
window.onload = function() {
var sde = new SDE({
id: "myEditor"
});
//注:在编辑器SDE为同步渲染
};
</script>
</body>
</html>
API 文档
SDE 尽量保证 设计器 与 编辑器 接口一致,以降低各位同学的学习成本。
需求&bug 提交
- 可邮件至dd@sodiao.org;
- 可以在 github 中的 Iss 中提交;
打赏
展望
18 年的重点在兼容 IE8 上,并努力将功能向三级医院的需求靠拢。
2018,愿与各位一路同行!
SoDiaoEditor电子病历编辑器更新至V3版本,愿与各位一路同行!的更多相关文章
- 【SoDiaoEditor电子病历编辑器更新啦】--谨以献给那些还在医疗行业奋斗的小伙伴们
为什么推荐的人这么少~~~~ 更新(2017-4-18): 截止目前已知的已有2个三甲医院在使用该编辑器,容我内心澎湃以下,O(∩_∩)O哈哈~ 先放github地址:https://gith ...
- 【SoDiaoEditor电子病历编辑器】阶段性更新--新增复选框、日期控件、表格排版支持等
转眼距离上一次v2正式发布已经过去一个半月了.github期间不定期push了二十几次,同时感谢分布在广州.福建.上海.北京的一众小伙伴,正是你们给出的建议,才让SoDiaoEditor不断完善. 我 ...
- 【SoDiaoEditor电子病历编辑器】阶段性更新啦
转眼距离上一次v2正式发布已经过去一个半月了.github期间不定期push了二十几次,同时感谢分布在广州.福建.上海.北京的一众小伙伴,正是你们给出的建议,才让SoDiaoEditor不断完善. 我 ...
- 【SoDiaoEditor电子病历编辑器】编辑器支持移动化
写在前面 每次写SoDiao时都是一次灵魂拷问,这么猥琐的名字,会对程序媛产生多少误导啊,我是一个正直的人,不管你信不信每个见到我的人都这么说.本次更新拖了很久,本来半个月前应该实现的,却一直拖到昨天 ...
- 【开源】SoDiaoEditor 可能是目前最好用的开源电子病历编辑器(B/S架构)
此刻我的内心是忐忑的,这个标题给了我很大的压力,虽然很久以前我就在github上搜索一圈了,也没发现有其他更好的开源电子病历编辑器,如各位亲发现有更好的,烦请知会我一声. 该编辑器其实已经憋了很久了, ...
- 正在开发纯BS的可在线编辑内容的电子病历编辑器
在线电子病历编辑器功能预览,支持Firefox/Chrome/Opera/UC/IE/Safari.演示地址 http://www.dcwriter.cn:9090/ 在WINFORM.NET中的效果 ...
- 都昌 DCWriter电子病历编辑器演示文档截屏
- 电子病历,到底是用BS还是CS
电子病历,到底是用BS还是CS 袁永福 2014-8-19 前言:前几天下午去开发医疗软件的S公司,旁听了他们的内部技术讨论会议.他们目前的电子病历是B/S架构,会上一群人讨论起用C/S重构电子病历系 ...
- android开发--数据库(更新或者降低版本)
Andoird的SQLiteOpenHelper类中有一个onUpgrade方法. 1. 帮助文档里说的"数据库升级"是指什么? 你开发了一个应用,当前是1.0版本.该程序用到了数 ...
随机推荐
- Oracle 存储过程中的 =>
oracle实参与形参有两种对应方式1.一种是位置方式,和面向对象语言参数传递类似;2.另外一种是=> 作为形参对应,因为位置对应方法有缺限,比如一个函数有3个参数,但第2个是可以不传(有默认值 ...
- 【译】gRPC负载均衡
原文地址:https://github.com/grpc/grpc/blob/master/doc/load-balancing.md gRPC负载均衡 范围 本文档解释了gPRC的负载均衡的设计. ...
- 滚动条实现RGB颜色的调制(窗体程序)--JAVA基础
1.用到的JFrame类的对象frame的方法: frame.setLayout(); 设置框架布局格式,有frame.setLayout(new GridLayout(5,1));为网格布局格式 f ...
- nuxt项目踩坑
1.window or document is not undefined // .vue 页面 if (process.browser) { var Distpicker = require('v- ...
- 【BZOJ2843】极地旅行社(Link-Cut Tree)
[BZOJ2843]极地旅行社(Link-Cut Tree) 题面 BZOJ 题解 \(LCT\)模板题呀 没什么好说的了.. #include<iostream> #include< ...
- 【洛谷1129】 [ZJOI2007]矩阵游戏
题面 题目描述 小Q是一个非常聪明的孩子,除了国际象棋,他还很喜欢玩一个电脑益智游戏――矩阵游戏.矩阵游戏在一个N*N黑白方阵进行(如同国际象棋一般,只是颜色是随意的).每次可以对该矩阵进行两种操作: ...
- 小程序 - swiper除了左右切换还有上下滚动超出屏幕的内容
本来呢,我是有专门整理小程序恶心bug的文章的,每次只要添加汇总就好, 但是呢,鉴于这个问题的恶心程度,所以我把他单独拿出来说了. ---------------------------------- ...
- Java的深拷贝和浅拷贝
关于Java的深拷贝和浅拷贝,简单来说就是创建一个和已知对象一模一样的对象.可能日常编码过程中用的不多,但是这是一个面试经常会问的问题,而且了解深拷贝和浅拷贝的原理,对于Java中的所谓值传递或者引用 ...
- Web前端有价值的博客文章汇总
一.HTML 二.CSS 1.深入理解position和z-index属性 :https://www.cnblogs.com/zhuzhenwei918/p/6112034.html 2.BFC(清除 ...
- Go实现短url项目
首先说一下这种业务的应用场景: 把一个长url转换为一个短url网址 主要用于微博,二维码,等有字数限制的场景 主要实现的功能分析: 把长url的地址转换为短url地址 通过短url获取对应的原始长u ...