React复杂文本编辑器组件,可插入日期、下拉框、单选框、多选框、单行文本输入框、多行文本输入框、固定字段等常用组件,同时提供文本编辑生成的页面支持动态交互(表单提交)、内容动态替换(设置默认值)和生成水印功能,生成的页面支持前端打印(表格分页带表头、表格横排打印、自定义打印样式)和导出word功能。
如何使用
npm install ac-editor-sany --save
// 文本编辑器组件,内容展示组件, 导出pdf组件,word组件
import { AcEditorSany,AcEditorShow,AcEditorPDF,AcEditorWord } from 'ac-editor-sany';
import 'ac-editor-sany/dist/index.css';
能力特性
API
AcEditorSany API
参数 |
类型 |
默认值 |
说明 |
editorId |
string |
必填项 |
文本编辑器唯一id |
onRef |
function |
非必须 |
设置ref属性 |
htmlString |
string |
"" |
文本编辑器默认字符串 |
height |
string |
"0px" |
文本编辑器默认最小高 |
fixedDate |
array |
[] |
支持插入固定字段,参照demo1 |
defaultData |
array |
[] |
默认值替换,替换htmlString 中组件 |
AcEditorShow API
参数 |
类型 |
默认值 |
说明 |
editorId |
string |
必填项 |
展示文本内容组件唯一id |
onRef |
function |
非必须 |
设置ref属性 |
htmlString |
string |
"" |
展示文本内容 |
isActive |
boolean |
true |
文本内容可交互 |
defaultData |
array |
[] |
文本内容被替换信息 |
waterMarkerText |
string |
“” |
生成水印 |
AcEditorPDF API
参数 |
类型 |
默认值 |
说明 |
formInfo |
function |
必填项 |
回调函数,返回值{doc,idList}(要打印的dom,替换值数组) |
title |
string/element |
"打印" |
打印按钮 |
tablePageList |
array |
[] |
指定table 分页打印(id:表格id,rowNum:A4纸上打印多少条记录) |
tableRow |
number |
非必须 |
最后一个旋转table 的A4 最多多少行 |
tableTitleId |
string |
非必须 |
表标题 例如:"附件一" |
tableNoticeId |
string |
非必须 |
表格备注 例如:"注:xxxx" |
AcEditorWord API
参数 |
类型 |
默认值 |
说明 |
wordId |
string |
必填项 |
与要导出的 dom id 保持一致 |
fileName |
string |
非必须 |
导出word名 |
wordStyles |
string |
非必须 |
导出word 样式 |
title |
string/element |
"导出wrod" |
导出word按钮 |
getDefaultInfo |
function |
非必须 |
获取导出默认值 |
success |
function |
非必须 |
导出成功回调 |
fixedDate 参数
参数 |
类型 |
默认值 |
说明 |
field |
string |
必填项 |
固定字段唯一标识 |
direction |
string |
"horizontal" |
固定字段布局方向(horizontal,vertical) |
data |
string |
"" |
固定字段值(select、checkbox、radio 用 " |
type |
string |
"text" |
固定字段类型(text,date,checkbox,radio,select,textarea) |
filedType |
string |
"文本" |
固定字段中文类型 |
defaultValue |
string |
"" |
固定字段默认值( checkbox用 " |
defaultData 参数
参数 |
类型 |
默认值 |
说明 |
field |
string |
必填项 |
分页表格id |
direction |
string |
"horizontal" |
组件布局方向(horizontal,vertical) |
data |
string |
"" |
组件值(select、checkbox、radio 用 " |
type |
string |
"text" |
组件类型(text,date,checkbox,radio,select,textarea) |
defaultValue |
string |
"" |
组件默认值( checkbox用 " |
tablePageList 参数
参数 |
类型 |
默认值 |
说明 |
id |
string |
必填项 |
分页表格id |
rowNum |
number |
20 |
分页条数 |
注意事项
暂无
更新日志
暂无