1.0.14 • Published 5 years ago

@beisen/um-rich-editor-upload v1.0.14

Weekly downloads
-
License
ISC
Repository
gitlab
Last release
5 years ago

richeditor 使用说明

项目运行

  1. cnpm install 或 npm install cnpm使用教程

  2. npm run dev (开发环境打包 port:8080)

  3. npm run test (测试用例)

  4. npm run build (生产环境打包)

注意

  • 该组件插入视频仅支持mp4格式,win7下由于系统限制,最小支持48x48,最大支持1920x1088

richeditor参数

     id:"richeditor", //唯一标示,必须
	  value:this.decode("<p><a href="https://www.baidu.com/" target="_blank" title="bd">bd</a><br/></p>"),  //富文本内显示的值
    videoConfig: { //视频相关配置
        autoplay: true, //自动播放,默认false
        controls: true, //视频工具条,默认true
        loop: true //循环播放,默认false
      },
    name: "测试",
    required: true,  //必填
    errorStatus: true, //是否报错
    errorMsg: "出错了~~~!", //报错信息
    helpMsg:"dqwdqw",  //帮助信息
    sideTip:false ,//toolTip是否左右显示
    hiddenTip:false, //toolTip是否显示
    editStatus : true,  //是否可编辑,只读状态(readonly)
    lablePos: false, //label位置,true时在左边,false在上边
    lableTxt: false, //label中文字对齐方式,true左对齐,false右对齐
    onChange : function(value,haveContet){
      self.onChange(value,haveContet)
    }

richeditor调用方法

1.安装npm组件包

npm install @beisen/richeditor --save-dev

2.引用组件

import BaseButton from "@beisen/richeditor"
  1. 传入参数

    	该参数为上述参数,传入方式使用: {...参数}
    	```

    decode(str){ return str .replace(/"/g, '"') .replace(/'/g, "'") .replace(/</g, '<') .replace(/>/g, '>') .replace(/&/g, '&'); }

    	 let options ={
    value:this.decode("&lt;p&gt;&lt;a href=&quot;https://www.baidu.com/&quot; target=&quot;_blank&quot; title=&quot;bd&quot;&gt;bd&lt;/a&gt;&lt;br/&gt;&lt;/p&gt;"),
    videoConfig: { //视频相关配置
      autoplay: true, //自动播放,默认false
      controls: true, //视频工具条,默认true
      loop: true //循环播放,默认false
    },
    name: "测试",
    required: true,
    errorStatus: true, //是否报错
    errorMsg: "出错了~~~!", //报错信息
    helpMsg:"dqwdqw",
    sideTip:false ,//toolTip是否左右显示
    hiddenTip:false, //toolTip是否显示
    editStatus : true,
    lablePos: false, //label位置,true时在左边,false在上边
    lableTxt: false, //label中文字对齐方式,true左对齐,false右对齐
    onChange : function(value,haveContet){
      self.onChange(value,haveContet)
    }

    }

    	render () {
    			return (
    				 <UmRichEditor id="richeditor" {...options}/>
    			)
    		}
    	```
1.0.14

5 years ago

1.0.13

5 years ago

1.0.12

5 years ago

1.0.11

5 years ago

1.0.10

5 years ago

1.0.9

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

0.0.83

6 years ago

0.0.82

6 years ago

0.0.81

6 years ago

0.0.80

6 years ago

0.0.79

6 years ago

0.0.77

6 years ago

0.0.76

6 years ago

0.0.75

6 years ago

0.0.74

6 years ago

0.0.73

6 years ago

0.0.72

6 years ago

0.0.70

6 years ago

0.0.69

6 years ago

0.0.68

6 years ago

0.0.67

6 years ago

0.0.66

6 years ago

0.0.65

6 years ago

0.0.64

6 years ago

0.0.63

6 years ago

0.0.62

6 years ago

0.0.61

6 years ago

0.0.60

6 years ago

0.0.59

6 years ago

0.0.57

6 years ago

0.0.56

6 years ago

0.0.55

6 years ago

0.0.54

6 years ago

0.0.53

6 years ago

0.0.52

6 years ago

0.0.51

6 years ago

0.0.50

6 years ago