Qmac-editor-sany NPM

富文本编辑器版本 AcEditorSy

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用 "	" 链接)