var options={
ctrl_remote_handle: null, //ctrl远程数据异步请求,接收一个remote对象,返回处理后的remote对象本身
el: null, //querySelector满足的值,比如#id、.className、Element。可以是Element,也可以是#id等
footer: 'SoDiaoEditor V4', //element或者string 表示底部显示内容
iframe_css_src: null, //string/Array数组 扩展css
iframe_js_src: null, //string/Array数组 扩展js
outer_width: 816, //单位px,页面的外部宽度
inner_width: 624, //单位px,页面的内部宽度
openassistant: true, //默认开始小助手
page_height: 882, //内容页页高实际页高,footer_page_height会浮动,page_height
page_start_num: 1, //页面起始页
print:{//打印的全部配置
resettingPrint(opt, viewDom) {}, //默认重置(包括首次设置)打印页面前触发。优先级高于render系列函数
resetedPrint(opt, viewDom) {}, //默认重置(包括首次设置)打印页面后触发。优先级高于render系列函数
renderHeader(index, page) {
return `<div style="line-height:55px;background:red;border:1px solid yellow;">这里是header</div>`;
}, //返回要渲染的页眉。默认从零开始
renderFooter(index, page) {
return `<div style="line-height:35px;background:blue;border:1px solid green;"><center>第${index+1}页<center></div>`;
}, //返回要渲染的页脚。默认从零开始
renderedHeader(index, count, page, header) {}, //渲染后
renderedFooter(index, count, page, footer) {}, //渲染后
scale: 2, //放大比例,默认2倍,越大越清晰,相应的渲染也更慢
autoPrint: true, //是否默认打开pdfviewer即执行打印操作
isDownload: false, //是否下载,如果为true,则不再打开pdfviewer页面
fileName: 'SDE 测试打印', //如果isDownload=true时的pdf文件下载名称
pageMode: 'A4', //页面模式:A3|A4|A5 ……
width: 794, //以下默认值
height: 1123,
top: 72,
right: 72,
bottom: 72,
left: 72,
printMode: 'normal', //打印模式:normal|neat|revise|comment
ctrlMode: 'normal', //控件模式:normal|hidden|remove
printDirection: 'vertical', //打印方向 vertical|horizontal
printCssUrl: null, //打印的样式表,可以是string,也可以是array
printJsUrl: null, //打印的js,可以是string,也可以是array
},
header_page_height: 50, //头部高度,底部
footer_page_height: 30, //页脚的高度
total_page_height: 1000, //A4纸张总页高默认该值【不允许修改】
mode: 'DESIGN', //默认为设计模式设计模式(DESIGN)、编辑模式(EDITOR)、严格模式STRICT、只读模式(READONLY)
page_header_footer: {
header(index) {}, //返回header的Element对象
footer(index) {}, //返回footer的Element对象
},
print: {//【该配置后期会变更注意!】
//打印设置 (打印页设置-》)这里模式,拼接页面采用header+page,footer在最底部浮动
//nonefirstpage:false,//默认首页有页眉页脚
header(index, page) {}, //返回header的Element对象
footer(index, page) {}, //返回footer的Element对象
},
revise: false, //默认为不开启修订模式
user: {//主要用于修订
name: 'sde', //必须有name,用来判断是否是本人修改
displayname: 'SDE默认用户' //支持扩展,但displayname 为必有项
},
default_open_toolbar: 'sde-toolbar-editor',//默认开启的toolbar,考虑到编辑器高度问题,特将toolbar设置为不可折叠。该值如不设置,默认打开第一个toolbar。
toolbars: [{//本次更新,toolbar支持更大的定制功能,可自由排列,随意组合,任意命名。如不填默认为下列值:
name: 'sde-toolbar-file',
title: '文件',
items: [{
name: 'sde-toolbar-file-file',
title: '文件管理',
items: [{
name: 'openxml',
title: '打开XML'
}, {
name: 'importxml',
title: '下载XML'
}]
}, {
name: 'test',
title: '测试扩展',
items: [{
name: 'tt',
title: '字符扩展',//toolbar扩展方式一:
render: function() {
return `<div class="panel-content-ctrl" title="字符扩展" onclick="alert('字符扩展')">
<div class="sde-icon sde-icon-openxml" style="width: 40px; height: 32px; float: none;"></div>
<div style="text-align: center;">字符扩展</div>
</div>`;
}
}, {
name: 'tt2',
title: '对象扩展',
render: function() {//toolbar扩展方式二(推荐):
let div = document.createElement('div');
div.innerHTML = `<div class="panel-content-ctrl" title="对象扩展" >
<div class="sde-icon sde-icon-openxml" style="width: 40px; height: 32px; float: none;"></div>
<div style="text-align: center;">对象扩展</div>
</div>`;
div = div.firstElementChild;
div.addEventListener('click', function() {
alert('对象扩展');
});
return div;
}
}]
}]
}, {
name: 'sde-toolbar-editor',
title: '编辑',
items: [{
name: 'sde-toolbar-editor-history',
title: '历史记录',
items: [{
name: 'drafts',
title: '草稿箱'
}, {
name: 'undo',
title: '撤销'
}, '|', {
name: 'redo',
title: '恢复'
}]
}, {
name: 'sde-toolbar-editor-clipboard',
title: '剪切板',
items: [{
name: 'paste',
title: '粘贴'
}, {
name: 'copy',
title: '复制'
}, '|', {
name: 'cut',
title: '剪切'
}]
}, {
name: 'sde-toolbar-editor-fonts',
title: '字体',
items: [{
name: 'fontfamily',
title: '字体'
}, {
name: 'removeformat',
title: '清除格式'
}, {
name: 'autotypeset',
title: '自动格式化'
}, {
name: 'formatmatch',
title: '格式刷'
}, '|', {
name: 'fontsize',
title: '字号'
}, {
name: 'upsize',
title: '增大字体'
}, {
name: 'downsize',
title: '缩小字体'
}, {
name: 'subscript',
title: '上标'
}, {
name: 'superscript',
title: '下标'
}, {
name: 'bold',
title: '加粗'
}, {
name: 'italic',
title: '倾斜'
}, {
name: 'underline',
title: '下划线'
}, {
name: 'strikethrough',
title: '删除线'
}, {
name: 'forecolor',
title: '文字颜色'
}, {
name: 'backcolor',
title: '背景颜色'
}]
}, {
name: 'sde-toolbar-editor-paragraphs',
title: '段落',
items: [{
name: 'justifyleft',
title: '向左对齐'
}, {
name: 'justifycenter',
title: '居中对齐'
}, {
name: 'justifyright',
title: '向右对齐'
}, {
name: 'justifyjustify',
title: '两端对齐'
}, {
name: 'blockquote',
title: '引用'
}, {
name: 'blockindent',
title: '增加缩进'
}, {
name: 'blockoutdent',
title: '减小缩进'
}, '|', {
name: 'unorderedlist',
title: '无序编号'
}, {
name: 'orderedlist',
title: '有序编号'
}, {
name: 'rowspacingtop',
title: '段前距'
}, {
name: 'rowspacingbottom',
title: '段后距'
}, {
name: 'lineheight',
title: '行高'
}]
}]
}, {
name: 'sde-toolbar-insert',
title: '插入',
items: [{
name: 'sde-toolbar-insert-pagebreak',
title: '分页符',
items: [{
name: 'pagebreak',
title: '分页符'
}]
}, {
name: 'sde-toolbar-insert-spechars',
title: '字符',
items: [{
name: 'spechars',
title: '字符'
}]
}, {
name: 'sde-toolbar-insert-links',
title: '链接',
items: [{
name: 'insertlink',
title: '添加链接'
}, '|', {
name: 'unlink',
title: '取消链接'
}]
}, {
name: 'sde-toolbar-insert-images',
title: '图片',
items: [{
name: 'insertimage',
title: '图片管理'
}, {
name: 'simpleupload',
title: '插入'
}, {
name: 'emotion',
title: '表情'
}, {
name: 'vectordiagram',
title: '矢量图'
}, '|', {
name: 'snapscreen',
title: '截屏'
}, {
name: 'scrawl',
title: '涂鸦'
}]
}, {
name: 'sde-toolbar-insert-map',
title: '地图',
items: [{
name: 'map',
title: '地图'
}]
}, {
name: 'sde-toolbar-insert-insertcode',
title: '代码',
items: [{
name: 'insertcode',
title: '代码'
}]
}, {
name: 'sde-toolbar-insert-table',
title: '表格',
items: [{
name: 'inserttable',
title: '表格'
}]
}, {
name: 'sde-toolbar-insert-kityformula',
title: '公式',
items: [{
name: 'kityformula',
title: '公式'
}]
}, {
name: 'sde-toolbar-insert-blockcomment',
title: '批注',
items: [{
name: 'blockcomment',
title: '批注'
}]
}]
}, {
name: 'sde-toolbar-table',
title: '表格',
items: [{
name: 'sde-toolbar-table-table',
title: '表格',
items: [{
name: 'inserttable',
title: '插入表格'
}, {
name: 'deletetable',
title: '删除表格'
}, {
name: 'insertrow',
title: '插入行'
}, {
name: 'insertcol',
title: '插入列'
}, '|', {
name: 'deleterow',
title: '删除行'
}, {
name: 'deletecol',
title: '删除列'
}]
}, {
name: 'sde-toolbar-table-merge',
title: '合并单元格',
items: [{
name: 'mergecells',
title: '合并单元格'
}, {
name: 'mergedown',
title: '向下合并单元格'
}, {
name: 'mergeright',
title: '向右合并单元格'
}, '|', {
name: 'splittocells',
title: '拆分单元格'
}, {
name: 'splittocols',
title: '单元格拆分成列'
}, {
name: 'splittorows',
title: '单元格拆分成行'
}]
}, {
name: 'sde-toolbar-table-alignmerge',
title: '对齐方向',
items: [{
name: 'valign-top',
title: '顶端对齐'
}, {
name: 'valign-middle',
title: '垂直居中'
}, {
name: 'valign-bottom',
title: '底端对齐'
}, '|', {
name: 'align-left',
title: '左对齐'
}, {
name: 'align-center',
title: '居中'
}, {
name: 'align-right',
title: '右对齐'
}]
}, {
name: 'sde-toolbar-table-style',
title: '表格线样式',
items: [{
name: 'tablestyle',
title: '表格样式',
items: [{
title: '隐藏表格线',
name: 'tb-hide' //这里是具体的样式
},
{
title: '设为实线',
name: 'tb-solid'
},
{
title: '设为虚线',
name: 'tb-dotted'
}
]
}, {
name: 'tablelowerframeline',
title: '下框线'
}, {
name: 'tableupperframeline',
title: '上框线'
}, {
name: 'tableleftframeline',
title: '左框线'
}, {
name: 'tablerightframeline',
title: '右框线'
}, {
name: 'tablenoborder',
title: '无框线'
}, '|', {
name: 'tableinternaltransverseline',
title: '内部横线'
}, {
name: 'tableinternalverticalline',
title: '内部竖线'
}, {
name: 'tableinsideborder',
title: '内部框线'
}, {
name: 'tablelateralframeline',
title: '外侧框线'
}, {
name: 'tableallframelines',
title: '所有框线'
}, ]
}]
}, {
name: 'sde-toolbar-views',
title: '视图',
items: [{
name: 'sde-toolbar-views-directory',
title: '目录',
items: [{
name: 'directory',
title: '显示目录'
}]
}, {
name: 'sde-toolbar-views-comment',
title: '批注',
items: [{
name: 'showcomment',
title: '显示批注'
}]
}, {
name: 'sde-toolbar-views-revise',
title: '修订',
items: [{
name: 'revise',
title: '修订'
}, {
name: 'unrevise',
title: '移除'
}]
}, {
name: 'sde-toolbar-views-preview',
title: '预览文档',
items: [{
name: 'preview',
title: '预览文档'
}]
}]
}, {
name: 'sde-toolbar-tools',
title: '工具',
items: [{
name: 'sde-toolbar-tools-drafts',
title: '草稿箱',
items: [{
name: 'drafts',
title: '草稿箱'
}]
}, {
name: 'sde-toolbar-tools-print',
title: '打印',
items: [{
name: 'print',
title: '普通打印'
}, {
name: 'seniorprint',
title: '高级打印'
}]
}, {
name: 'sde-toolbar-tools-search',
title: '搜索',
items: [{
name: 'searchreplace',
title: '查找替换'
}]
}, {
name: 'sde-toolbar-tools-wordcount',
title: '字数统计',
items: [{
name: 'wordcount',
title: '字数统计'
}]
}]
}, {
name: 'sde-toolbar-controls',
title: '病历控件',
items: [{
name: 'sde-toolbar-controls-sdetemplate',
title: '控件库',
items: [{
name: 'sdetemplate',
title: '控件库'
}]
}, {
name: 'sde-toolbar-controls-controls',
title: '新增控件',
items: [{
name: 'sdectrllabel',
title: '标签控件'
}, {
name: 'sdectrltext',
title: '单行文本'
}, {
name: 'sdectrlsection',
title: '文档段'
}, {
name: 'sdectrlsummary',
title: '文档节'
}, '|', {
name: 'sdectrlselect',
title: '下拉选择'
}, {
name: 'sdectrldate',
title: '日期控件'
}, {
name: 'sdectrlradio',
title: '单选框'
}, {
name: 'sdectrlcbx',
title: '复选框'
}]
}, {
name: 'sde-toolbar-controls-sdemode',
title: '模式设置',
items: [{
name: 'sdemode',
title: '模式设置'
}]
}]
}]
};
var sde=new SDE(options);