https://github.com/henriqueweiand/tinymce-plugin-react-typescript

TinyMCE plugin using react and typescript
https://github.com/henriqueweiand/tinymce-plugin-react-typescript

reactjs tinymce tinymce-plugin typescript

Last synced: 13 days ago
JSON representation

TinyMCE plugin using react and typescript

• Host: GitHub
• URL: https://github.com/henriqueweiand/tinymce-plugin-react-typescript
• Owner: henriqueweiand
• License: other
• Created: 2022-12-30T13:35:34.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-05-12T13:39:35.000Z (over 2 years ago)
• Last Synced: 2024-11-14T03:45:30.390Z (11 months ago)
• Topics: reactjs, tinymce, tinymce-plugin, typescript
• Language: TypeScript
• Homepage:
• Size: 2.14 MB
• Stars: 3
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
# 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

- [x] Running ReactJS inside TinyMCE

- [x] Add build (without test)

- [x] 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

![Preview](https://raw.githubusercontent.com/henriqueweiand/tinyMCE-plugin-react-typescript/master/assets/preview.gif)

---

##### Ref

Thanks André Marques ([@thealmarques](https://github.com/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