Presenter: Mrina Sugosh (Tiny MCE)
In this workshop, developers will learn how to set up and customize TinyMCE to create a powerful and flexible Content Management System (CMS). From basic editor setup to adding advanced features like AI-powered content assistance, accessibility, and version control, this session will guide you through creating a rich text editor tailored for a CMS.
- Set up TinyMCE within the React project.
- Integrate open-source plugins to enhance core rich text editing features.
- Add accessibility features or spellcheck to improve usability.
- Implement version control with the Revision History plugin.
- Add AI-powered content assistance using the AI Assistant.
-
Clone this repository:
git clone https://github.com/mrinasugosh/tinymce-react-cms-ghw.git
-
Navigate to the project directory:
cd tinymce-react-cms-ghw
-
Install the dependencies:
npm install
-
Start the development server:
npm run dev
This will run the app in the development mode. Open http://localhost:8080 to view it in the browser.
![image](https://private-user-images.githubusercontent.com/25342475/373743186-7366a2ef-f786-437f-b103-15c0f51c933a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4NTQ3NTcsIm5iZiI6MTczOTg1NDQ1NywicGF0aCI6Ii8yNTM0MjQ3NS8zNzM3NDMxODYtNzM2NmEyZWYtZjc4Ni00MzdmLWIxMDMtMTVjMGY1MWM5MzNhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDA0NTQxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM1YTdmYTNmZmRkMjBkOTA1NWE3YmY5ZTFiNzI4ODdhYjI4YjEyY2U0OWRmZThkNjUwZWM2ZDc4ZWE3NjU5NjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.E31ydGMk0xkK6cVF6__qqfUyGyNmoIZJjIK9uxedjZA)
- TinyMCE CMS Starter Config: Learn more at TinyMCE CMS Starter Config.
- Free Trial: Get started with TinyMCE for free at TinyMCE Free Trial.
- Installing TinyMCE: Follow the instructions at Installing TinyMCE.
If you have any questions or issues, please reach out via GitHub or contact support via TinyMCE Contact Us Form.