0.2.16 • Published 3 years ago
jyq-text-editor v0.2.16
简介
这是一个简单的文本编辑器，支持表情和图片的输入
安装
npm install --save jyq-text-editor更新日志
- 0.1.0 -> 0.2.4
- 不再以em为布局单位，而是以rem为布局单位
- 删除了不需要的控制台输出
引入
import React from "react";
import TextEditor from "jyq-text-editor";
const MyApp = () => {
return (
<div>
<TextEditor />
</div>
)
}
export default MyApp;演示
属性说明
| 属性 | 说明 | 示例 |
|---|---|---|
| width | 编辑器宽度,单位为em,默认40em | width="10em" |
| height | 编辑器高度,单位为em | height="5em" |
| placeholder | 占位提示 | placeholder="Enter something..." |
| scrollBar | 文字多时，是否显示滚动条 | scrollBar="false" |
| submitHandler | 点击发送时的回调函数，接受两个参数，第一个是文本内容，第二个是图片列表 | submitHandler={myHandler} |
rootFontSize="12px" |
// docuement的fontSize建议基准大小为10 默认用下面这个即可
let c = () => {
let w = document.documentElement.clientWidth;
let n = (10 * (w/1920)) > 40 ? 40 + "px" : (10 * (w/1920)) + "px";
document.documentElement.style.fontSize = n;
};
window.addEventListener("load", c)
window.addEventListener("resize", c)TODO
- 添加自定义主色&高亮色属性
- 代码结构调整
- 样式调整
- BUG修复