henriqueweiand / tinymce-plugin-react-typescript

TinyMCE plugin using react and typescript

tinyMCE-plugin-react-typescript

Overview

Blog post: https://medium.com/@henrique.weiand/creating-a-tinymce-6-plugin-with-reactjs-and-typescript-cb6f9cb4ae52

This is a basic project using:

• ReactJS
• Webpack
• TinyMCE 6

To have an example of a plugin using ReactJS.

Tips

• Sometimes is necessary save two times in order for the LiveReload get the changes.

To-do

• Running ReactJS inside TinyMCE
• Add build (without test)
• Improve the way that the component has control of the communication between it and TinyMCE
• Test build version

Running

1. Install dependencies (pay attention NodeJS version)
2. Install Live Server extension (https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
3. Execute yarn start
4. Access demo/html/index.html and execute with Live Server

Preview

---

Ref

Thanks André Marques (@thealmarques) for your post and contents! Part of your code was used as reference for this project https://levelup.gitconnected.com/create-tinymce-plugins-with-react-typescript-jest-and-webpack-6edd19ac378f