prosemirror-resizable-view
Advanced tools
Comparing version 2.0.10 to 2.0.11
{ | ||
"name": "prosemirror-resizable-view", | ||
"version": "2.0.10", | ||
"version": "2.0.11", | ||
"private": false, | ||
@@ -40,5 +40,5 @@ "description": "A ProseMirror node view that make your node resizable", | ||
"@remirror/core-helpers": "^2.0.1", | ||
"@remirror/core-utils": "^2.0.10", | ||
"prosemirror-model": "^1.18.3", | ||
"prosemirror-view": "^1.29.1" | ||
"@remirror/core-utils": "^2.0.11", | ||
"prosemirror-model": "^1.19.0", | ||
"prosemirror-view": "^1.30.1" | ||
}, | ||
@@ -50,4 +50,3 @@ "publishConfig": { | ||
"sizeLimit": "5 KB" | ||
}, | ||
"readme": "# prosemirror-resizable-view\n\n> A ProseMirror node view that make your node resizable\n\n[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)\n\n[version]: https://flat.badgen.net/npm/v/prosemirror-resizable-view\n[npm]: https://npmjs.com/package/prosemirror-resizable-view\n[license]: https://flat.badgen.net/badge/license/MIT/purple\n[size]: https://bundlephobia.com/result?p=prosemirror-resizable-view\n[size-badge]: https://flat.badgen.net/bundlephobia/minzip/prosemirror-resizable-view\n[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label\n[downloads-badge]: https://badgen.net/npm/dw/prosemirror-resizable-view/red?icon=npm\n\n## Installation\n\n```bash\n# yarn\nyarn add prosemirror-resizable-view\n\n# pnpm\npnpm add prosemirror-resizable-view\n\n# npm\nnpm install prosemirror-resizable-view\n```\n\n## Usage\n\nThe following code creates an resizable image node view.\n\n```ts\nimport { ResizableNodeView } from 'prosemirror-resizable-view';\n\nconst createInnerImage = ({ node }: { node: ProsemirrorNode }) => {\n const inner = document.createElement('img');\n inner.setAttribute('src', node.attrs.src);\n inner.style.width = '100%';\n inner.style.minWidth = '50px';\n inner.style.objectFit = 'contain'; // maintain image's aspect ratio\n return inner;\n};\n\n/**\n * ResizableImageView is a NodeView for image. You can resize the image by\n * dragging the handle over the image.\n */\nexport class ResizableImageView extends ResizableNodeView implements NodeView {\n constructor(node: ProsemirrorNode, view: EditorView, getPos: () => number) {\n super({ node, view, getPos, createElement: createInnerImage });\n }\n}\n```\n" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
137819
13
1301
Updated@remirror/core-utils@^2.0.11
Updatedprosemirror-model@^1.19.0
Updatedprosemirror-view@^1.30.1