react html编辑器,React HTML编辑器(TinyMce)

我正在寻找React的HTML编辑器,但是由于找不到任何能正常工作的东西(我只需要格式化[h64]中的文本h1,h2,h3,p,粗体和图像)

最后,我决定使用Tiny

Mce,效果很好。但仅在首次打开页面时。如果我再次进入该页面。没有浏览器的支持,tinymce不会被初始化。您知道在这种情况下会触发什么反应事件。到目前为止,这是我的小包装:

/** @jsx React.DOM */

var React = require('react');

var TinyMceEditor = React.createClass({

componentDidMount: function() {

var that = this;

tinymce.init({

selector: "textarea.tiny-mce-editor",

setup : function(editor) {

editor.on('change', function(e) {

that.props.onChange(editor.getContent());

});

},

plugins: [

"lists link image charmap print preview anchor",

"searchreplace code fullscreen",

"insertdatetime media table contextmenu paste"

],

toolbar: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"

});

tinyMCE.get(that.props.lang + '-editor').setContent(that.props.html);

},

render:function(){

return (

)

}

});

module.exports = TinyMceEditor;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值