Как подключить tinymce редактор к полю input?

Question

[Партизан Сталина]

Здравствуйте .
Есть чат на Nodejs и socket.io.
в нем поле ввода input

render: function render() {
		return React.createElement(
			'div',
			React.createElement(
				'form',
				{ onSubmit: this.handleSubmit },
				React.createElement('input', {
					onChange: this.onKey,
					value: this.state.newName
				})
			)
		);
	}

Вот оно.
Ранее я подключал редактор tinymce к полю textarea в простом html.
Но теперь как это сделать в этом чате (с полем input) написанным на j ?

Answer 1

[Константин Китманов]

Как насчет погуглить react + tinymce? https://github.com/instructure-react/react-tinymce

Comments

[Партизан Сталина]

Как вставить react+tinymce в этот код?

var MessageForm = React.createClass({
	displayName: 'MessageForm',

	getInitialState: function getInitialState() {
		return { text: '' };
	},

	handleSubmit: function handleSubmit(e) {
		e.preventDefault();
		var message = {
			user: this.props.user,
			text: this.state.text
		};
		this.props.onMessageSubmit(message);
		this.setState({ text: '' });
	},

	changeHandler: function changeHandler(e) {
		this.setState({ text: e.target.value });
	},

	render: function render() {
		return React.createElement(
			'div',
			{ className: 'message_form' },
			React.createElement(
				'h3',
				null,
				'Write New Message'
			),
			React.createElement(
				'form',
				{ onSubmit: this.handleSubmit },
				React.createElement('input', {
					onChange: this.changeHandler,
					value: this.state.text
				})
			)
		);
	}
});

[Партизан Сталина]

React.createElement('input', {
заменил на React.createElement('textarea', {
Что дальше сделать чтоб установить tinymce?

[Константин Китманов]

Партизан Сталина, может вместо того чтоб меня спамить нагуглите уже как работать с React?:)

[Партизан Сталина]

Константин Китманов, Это довольна долго , и если бы знать что искать .
Проще же спросить у того кто знает - чтоб тот показал , и дальше уже не возникал вопрос.