Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@aeaton/react-prosemirror

Package Overview
Dependencies
Maintainers
1
Versions
38
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@aeaton/react-prosemirror - npm Package Compare versions

Comparing version 2.0.0-alpha.3 to 2.0.0

2

CHANGELOG.md

@@ -6,4 +6,4 @@ # Change Log

# 2.0.0-alpha.3 (2021-03-04)
# [2.0.0](https://github.com/hubgit/react-prosemirror/compare/@aeaton/react-prosemirror@0.22.1...@aeaton/react-prosemirror@2.0.0) (2021-03-30)
**Note:** Version bump only for package @aeaton/react-prosemirror
{
"name": "@aeaton/react-prosemirror",
"version": "2.0.0-alpha.3",
"version": "2.0.0",
"main": "index.js",

@@ -13,3 +13,3 @@ "source": "index.ts",

"dependencies": {
"@aeaton/prosemirror-transformers": "^2.0.0-alpha.3"
"@aeaton/prosemirror-transformers": "^2.0.0"
},

@@ -22,3 +22,3 @@ "peerDependencies": {

},
"gitHead": "3e8f8b94fe38fdfa49aa0253111af8cdc3ad4f54"
"gitHead": "4546a08ed9cfbfe52f047d97d0b5a7eeba93375e"
}

@@ -9,6 +9,2 @@ ## Installation

## Demo
[View demo](https://react-prosemirror-example.now.sh/)
## Usage

@@ -19,17 +15,23 @@

```jsx
import { HtmlEditor, Editor, Toolbar } from '@aeaton/react-prosemirror'
import { schema, plugins, toolbar } from '@aeaton/react-prosemirror-config-default'
import { HtmlEditor } from '@aeaton/react-prosemirror'
import { plugins, schema, toolbar } from '@aeaton/react-prosemirror-config-default'
export const CustomEditor = ({ value, handleChange }) => (
<HtmlEditor
schema={schema}
plugins={plugins}
value={value}
handleChange={handleChange}
>
<Toolbar toolbar={toolbar} />
<Editor />
</HtmlEditor>
)
const initialValue = '<p></p>'
export const RichTextEditor = () => {
const [value, setValue] = useState(initialValue)
return (
<HtmlEditor
schema={schema}
plugins={plugins}
value={initialValue}
handleChange={setValue}
debounce={250}
>
<Toolbar toolbar={toolbar} />
<Editor autoFocus />
</HtmlEditor>
)
}
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc