# @beisen-platform/platform-richtexteditor

> ## 提交

Latest version **1.1.21** (published 2019-11-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install @beisen-platform/platform-richtexteditor
pnpm add @beisen-platform/platform-richtexteditor
yarn add @beisen-platform/platform-richtexteditor
bun add @beisen-platform/platform-richtexteditor
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.21 |
| Published | 2019-11-25 |
| First published | 2018-12-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 53 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | beisen |
| Maintainers | beisencorp |
| Keywords | beisen, react-component, es6 |

## Links

- npm: https://www.npmjs.com/package/@beisen-platform/platform-richtexteditor
- Repository: git@gitlab.beisencorp.com:ux-share-platform/ux-platform-richtexteditor
- npm.io page: https://npm.io/package/@beisen-platform/platform-richtexteditor

## Recent versions

- 1.1.21 (latest) — 2019-11-25
- 1.1.20 — 2019-11-19
- 1.1.19 — 2019-11-15
- 1.1.18 — 2019-11-15
- 1.1.17 — 2019-11-15
- 1.1.16 — 2019-11-14
- 1.1.15 — 2019-11-11
- 1.1.14 — 2019-11-10
- 1.1.13 — 2019-11-08
- 1.1.12 — 2019-11-08
- 1.1.11 — 2019-11-07
- 1.1.10 — 2019-11-06
- 1.1.9 — 2019-10-31
- 1.1.8 — 2019-10-29
- 1.1.7 — 2019-09-24
- … 16 more at https://npm.io/package/@beisen-platform/platform-richtexteditor/versions

## README

## 组件使用、扩展文档

## 提交


1. 修改package.json中的devDependencies里依赖版本， @beisen/gulp-lib -> 0.1.1; @beisen/storybook-lib -> 0.3.0
2. npm install
3. 修改代码后执行 npm run lib进行编译
4. 更新package.json中的 version版本号
5. push代码
6. 在cmp.beisen.io站点，头部导航的《服务》中查看编译是否通过

## 使用参数

```
{
  text: this.props.text || '',
  value: this.props.value || '',
  "cmp_id": "c569ca1e-e58b-4a54-8a82-274ebc654162",
  "cmp_name": "xiaoshu7",
  "cmp_type": "BC_TextAreaRTF",
  "cmp_label": "富文本dev",
  "cmp_data": {
      "title": "富文本dev",
      "field_name": "fuwenben13",
      "required": false,
      "cmp_state": "create",
      "cmp_status": "editable",
      "editdisplaystate": "editable",
      "createdisplaystate": "editable",
      "showdisplaystate": "readonly",
      formatType: "percentageSymbol",
      "datasourcename": "BCStaffDataSource",
      "dataType": "Text",
  },
  "form_errors":{},
  "search_data": {
  },
  "biz_data": { "text": "" },
  "validators": {},
  styleTitle: 'rightFlush',        // "upAndDown" , "rightFlush",  "leftFlush", label的位置上下还是左右
  "base_data": {   //基础组件配置参数
    toolbar: [    //工具栏显示的功能，数组类型，下面为默认值
      'source | undo redo | bold italic underline strikethrough | forecolor | fullscreen |',
      'insertorderedlist insertunorderedlist | cleardoc removeformat | fontfamily fontsize' ,
      '| justifyleft justifycenter justifyright justifyjustify indent outdent |',
      'link unlink | image video music',
      '| horizontal preview inserttable '
    ],
    videoConfig: { //视频相关配置
      autoplay: false, //自动播放，默认false
      loop: true //循环播放，默认false
    },
    imageUrl: "http://demo-cloud.italent.link/api/v2/Data/File",  //本地上传时的上传地址，默认为当前页面地址
    parameter: "app=BeisenCloudDemo&metaObjName=BeisenCloudDemo.123",  //本地上传时的参数，开头不加 & 
    localUpload: false //默认false,开启本地上传功能
  },
  onChange: (textVal) => {}  //回调事件
}
```

## 组件使用

1. npm install @beisen-cmps/platform-richtexteditor
2. import PlatFormTextRichEditor from '@beisen-cmps/platform-richtexteditor'

```
render() {
  return <PlatFormTextRichEditor {...this.props}/>;
}
```

---
_Source: https://npm.io/package/@beisen-platform/platform-richtexteditor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._