New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

prosemirror-resizable-view

Package Overview
Dependencies
Maintainers
1
Versions
178
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

prosemirror-resizable-view - npm Package Compare versions

Comparing version 2.0.10 to 2.0.11

./dist/prosemirror-resizable-view.cjs

11

package.json
{
"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

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