React Webpack & Tinymce

So, I know I could add a link in head section to use TinyMCE in my react project but I will not, because of web pack in my project. I’m trying to add new TinyMCE loader but I can’t get it running, have no clue what is wrong with it. In the inspector I see all elements of Tiny and also I do not get any errors or warnings(but are not visible, only classes appear).

Here is how I done it:

plugins: [
new webpack.LoaderOptionsPlugin({
			options: {
				loaders: [
					{
						test: require.resolve('tinymce/tinymce'),
						use: [
							'imports-loader?this=>window',
							'exports-loader?window.tinymce',
						]
					},
					{
						test: /tinymce\/(themes|plugins)\//,
						use: [
							'imports-loader?this=>window'
						]
					},
				],
			}
		})]

I got following npm’s libs:

    "react-tinymce": "^0.5.1",
    "tinymce": "^4.6.4"
    "exports-loader": "^0.6.4",
    "imports-loader": "^0.7.1",

The script looks like that:

import React from 'react';
import tinymce from 'tinymce/tinymce'
import 'tinymce/themes/modern/theme'

import 'tinymce/plugins/paste/plugin'
import 'tinymce/plugins/link/plugin'
import 'tinymce/plugins/autoresize/plugin'

class Textarea extends React.Component {

	componentDidMount(){
		tinymce.init({
			selector: '.addAnswerArea',
			skin: false,
			plugins: ['paste', 'link', 'autoresize']
		})
	}

	render() {
		return (
			<div className="field">
					<textarea className="addAnswerArea" placeholder="Add a comment..."></textarea>
			</div>
		)
	}

}

export default Textarea;

[ghost]

@fyrkant That’s pretty sad… Yet Thanks for helping!

[ghost]

@fyrkant I think that in the first place style should not be required at all. Just saying. I had many people complaining about it, my conclusion is that many people don’t use it because of poor web pack compatibility.I think that there should be check if a theme is actually available, and then, after all, it should be included.