react ant-design 使用ueditor

1.页面引入

<script type="text/javascript" src="http://localhost:8080/HBBKCOM/content/chajian/ueditor/editor_config.js"></script>
<script type="text/javascript" src="http://localhost:8080/HBBKCOM/content/chajian/ueditor/editor_api.js"></script>

2.页面引入了js 但是UE变量不能直接使用 可以写段js来绑定一下 如

<script type="text/javascript">
Date.prototype.UE=UE ;

</script>

3.自定义控件ueditor.js

import React,{ Component } from 'react';
class Ueditor extends Component {
componentDidMount(){
var UE=new Date().UE;
try{UE.getEditor(this.props.id).destroy();}catch(err){}//再次初始化有问题 要销毁原来的
var editor = UE.getEditor(this.props.id,{
lang:"zh-cn",initialFrameHeight: this.props.height,initialFrameWidth: '100%'
});
var me = this;
editor.ready( function( ueditor ) {
var value = me.props.value?me.props.value:'<p></p>';
editor.setContent(value);
});
}
render(){
return (
<div id={this.props.id}></div>
)
}
}
export default Ueditor;

使用

<Ueditor value="" id="content" height="200" />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!