howay富文本编辑器
安装
npm i howay-edtior
使用方式
import HowayEditor from "howay-edtior";
<HowayEditor />
API参数
| Name |
Type |
Default |
Description |
| editorHeight |
number |
500 |
编辑器高度，最小为50 |
| styles |
object |
{width: "60%",height: "100%",marginLeft: '20%',float:"none"} |
howay富文本整体样式 |
| iconBlod |
HTML element |
| 粗体图标 |
|
| iconItalic |
HTML element |
| 斜体图标 |
|
| iconUderline |
HTML element |
| 下划线图标 |
|
| iconImg |
HTML element |
| 图片图标 |
|
| iconCenter |
HTML element |
| 居中图标 |
|
| iconLeft |
HTML element |
| 左对齐图标 |
|
| iconRight |
HTML element |
| 右对齐图标 |
|
| iconFull |
HTML element |
| 两端对齐图标 |
|
| iconUndo |
HTML element |
| 撤销图标 |
|
| iconRedo |
HTML element |
|恢复图标 |
|
| iconDelete |
HTML element |
| 格式清除图标 |
|
| iconStriket |
HTML element |
| 删除线图标 |
|
| toolBarStyles |
object |
| 标题栏样式 |
|
| buttonCommonActiveBackgroud |
string |
'#E0E0E0' |
通用按钮激活背景颜色 |
| onChage |
func |
| ochange(text),text为富文本内容 |
|
| upload |
string |
| 图片上传地址 |
|
howay