Installations

npm install @dslab/ra-ace-editor

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

18.17.1

NPM Version

9.6.7 Score

37

Supply Chain

71.3

Quality

79.9

Maintenance

50

Vulnerability

96.8

License

Pull Requests

Open

1

Total

27

Closed

3

Merged

23

Issues

Open

0

Total

10

Closed

10

Releases

Unable to fetch releases

Contributors

18

Unable to fetch Contributors

View All 18 Contributors

Languages

2

TypeScript

JavaScript

TypeScript (99.83%)

JavaScript (0.17%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

smartcommunitylab

Download Statistics

Total Downloads

566

Last Day

1

Last Week

6

Last Month

37

Last Year

562

GitHub Statistics

MIT License

136 Commits

1 Forks

7 Watchers

21 Branches

18 Contributors

Updated on Sep 30, 2024

Bundle Size

798.54 kB

Minified

217.13 kB

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

1.2.1

Package Id

@dslab/ra-ace-editor@1.2.1

Unpacked Size

48.51 kB

Size

8.46 kB

File Count

29

NPM Version

9.6.7

Node Version

18.17.1

Published on

Sep 12, 2024

Total Downloads

Cumulative downloads

Total Downloads

566

Last Day

-66.7%

1

Compared to previous day

Last Week

-40%

6

Compared to previous week

Last Month

-2.6%

37

Compared to previous month

Last Year

13,950%

562

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

2

ace-builds react-ace

Peer Dependencies

4

@mui/material react react-admin react-dom

Dev Dependencies

12

@types/react @types/react-dom @mui/material react react-dom rimraf typescript eslint eslint-config-prettier lerna prettier webpack

React-Admin AceEditor

React AceEditor input + field for React-Admin.

Add support for Ace Editor [https://ace.c9.io/] via https://github.com/securingsincity/react-ace

Exports:

AceEditorField for visualization
AceEditorInput for editing

Install

1yarn install @dslab/ra-ace-editor

Usage

Import the components from the library as needed.

AceEditorField

To use the field in a show view include the component

1<AceEditorField mode="html" source="body" theme="monokai" />

AceField screenshot

AceEditorInput

To use the input in an edit/create form include the component

1<AceEditorInput mode="html" source="body" theme="monokai" />

AceInput screenshot

Author

SmartCommunityLab

Website: http://www.smartcommunitylab.it/
Github: @smartcommunitylab

Show your support

Give a ⭐️ if this project helped you!

License

No vulnerabilities found.

No security vulnerabilities found.