小编dev*_*rus的帖子

我正在尝试使用 react 创建一个简单的自托管 TinyMCE。目前我的项目只是显示一个简单的文本区域，没有工具栏或任何样式。我认为集成 tinymce 的一个好方法是使用模块加载器。我读到 React 已经通过使用 npx create-react-app 包含了 webpack。

Projectstructor
    root
    |-public
    |-skins
    |-src 
       |-App.js
       |-TinyEditorComponent.js
    |-webpack.config.js

我一步一步做了什么：

1. npx create-react-app my-app

2. $ npm install --save @tinymce/tinymce-react

3. cp -r node_modules/tinymce/skins 皮肤

4. 创建文件 webpack.config.js

const config = {
  module: {
    loaders: [
      {
        test: require.resolve("tinymce/tinymce"),
        loaders: ["imports?this=>window", "exports?window.tinymce"],
      },
      {
        test: /tinymce\/(themes|plugins)\//,
        loaders: ["imports?this=>window"],
      },
    ],
  },
};

Run Code Online (Sandbox Code Playgroud)

文本编辑器组件：

import React, { Component } from "react";

// Import TinyMCE
import tinymce from "tinymce/tinymce";

// Default icons are required for …