在医院OA系统的日常使用中,医护人员经常需要将包含复杂数学公式的Word文档内容导入系统。传统的复制粘贴方式会导致公式格式错乱、图片丢失等问题,严重影响医疗文档的准确性和专业性。
动易WordPaster控件提供了一套完整的解决方案,能够:
首先需要搭建基础开发环境:
bash复制npm install vue@2 tinymce @tinymce/tinymce-vue jquery
将WordPaster控件文件放置在项目static目录下:
code复制static/
├── WordPaster/
│ ├── js/
│ │ └── w.js
│ └── plugin/
├── zyOffice/
│ └── js/
│ └── o.js
└── zyCapture/
└── z.js
在TinyMCE编辑器组件中引入控件:
javascript复制import Editor from '@tinymce/tinymce-vue'
import {WordPaster} from '../../static/WordPaster/js/w'
import {zyOffice} from '../../static/zyOffice/js/o'
import {zyCapture} from '../../static/zyCapture/z'
为TinyMCE编辑器添加各类文档处理按钮:
javascript复制// Word导入按钮配置示例
(function() {
var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
function selectLocalImages(editor) {
WordPaster.getInstance().SetEditor(editor).importWord()
}
var register$1 = function(editor) {
editor.ui.registry.addButton('wordimport', {
icon: 'paste',
tooltip: '导入Word文档',
onAction: function() {
selectLocalImages(editor)
}
});
};
var Buttons = { register: register$1 };
global.add('wordimport', function(editor) {
Buttons.register(editor);
});
})();
javascript复制WordPaster.getInstance({
PostUrl: 'http://your-server/upload.aspx',
ImageUrl: 'http://your-server{url}',
FileFieldName: 'file',
ImageMatch: '',
// 公式处理特殊配置
FormulaOptions: {
keepOriginal: true,
convertToImage: false
}
})
针对医疗文档中的特殊需求:
javascript复制MaxFileSize: 50 * 1024 * 1024 // 50MB
javascript复制AllowExtensions: ['.doc', '.docx', '.pdf', '.xls', '.xlsx']


javascript复制ChunkSize: 2 * 1024 * 1024 // 2MB分片
javascript复制PreProcess: true
javascript复制CacheControl: {
enable: true,
expire: 3600
}
javascript复制SignatureOptions: {
enable: true,
position: 'footer'
}
通过配置模板库实现快速导入:
javascript复制TemplateLibrary: {
api: '/api/templates',
defaultCategory: 'medical'
}
某三甲医院OA系统实施后: