https://github.com/agilie/ra-tinymce-input
Rich Text Input component for React Admin, useful for editing HTML content in admin GUI
https://github.com/agilie/ra-tinymce-input
react-admin react-components reactjs rich-text-editor richtext tinymce wysiwyg wysiwyg-html-editor
Last synced: about 1 month ago
JSON representation
Rich Text Input component for React Admin, useful for editing HTML content in admin GUI
- Host: GitHub
- URL: https://github.com/agilie/ra-tinymce-input
- Owner: agilie
- Created: 2021-11-05T11:56:30.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-02-15T18:48:35.000Z (over 4 years ago)
- Last Synced: 2025-02-04T21:17:02.330Z (over 1 year ago)
- Topics: react-admin, react-components, reactjs, rich-text-editor, richtext, tinymce, wysiwyg, wysiwyg-html-editor
- Language: JavaScript
- Homepage: https://agilie.com
- Size: 236 KB
- Stars: 1
- Watchers: 8
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# RA TinyMCE Input
Rich Text Input component for [React Admin]
based on the [TinyMCE] editor, useful for editing HTML content in admin GUI
# Installation
You can get the latest version of RA TinyMCE Input from [npm][npm package]
```shell
npm install -S @agilie/ra-tinymce-input
```
# Usage
```javascript
import * as React from "react";
import { Create, SimpleForm, TextInput, DateInput } from 'react-admin';
import { RichTextInput } from '@agilie/ra-tinymce-input';
export const PostCreate = (props) => (
);
```
You can customize the rich text editor by adding additional attributes, as described on the
TinyMCE [official documentation][TinyMCE docs].
# Roadmap
1. ~~Basic implementation of React Admin rich text editor on the basis of TinyMCE editor~~
2. ~~Map all the original properties of TinyMCE editor to the react admin component~~
3. Map all the react admin input properties to an editor and implement the correspondent behavior
4. Codestyle, tests, correct proptypes
# Troubleshooting
Problems? Check the [Issues](issues) block to find the solution or create a new issue, and we will do our best to fix it
asap. Feel free to contribute. This project is intended to be a safe, welcoming space for collaboration.
# License
The library is available as open source under the MIT License (MIT) Copyright © 2021 [Agilie Team]
# Author
This library is open-sourced by [Agilie Team] (web@agilie.com)
# Contributors
- [Sergey Mell]
- [Maksym Ferber]
[npm package]: https://www.npmjs.com/package/@agilie/ra-tinymce-input
[TinyMCE docs]: https://www.tiny.cloud/docs/
[React Admin]: https://marmelab.com/react-admin
[TinyMCE]: https://www.tiny.cloud
[Agilie Team]: https://agilie.com/en/index
[Sergey Mell]: https://github.com/SergeyMell
[Maksym Ferber]: https://github.com/EvenOff-first