Fix image node update in applyExternalChanges (#70)

Fix pasted image not displayed when using applyExternalChanges

Author: windingwind

src/core/commands.js

@@ -465,6 +465,9 @@ export function touchCitations() {
 				&& node.attrs.annotation && node.attrs.annotation.citationItem) {
 				tr.setNodeMarkup(pos, null, { ...node.attrs, version: (node.attrs.version || 0) + 1 });
 			}
+			else if (node.type === schema.nodes.image && node.attrs.attachmentKey) {
+				tr.setNodeMarkup(pos, null, { ...node.attrs, version: (node.attrs.version || 0) + 1 });
+			}
 		});
 		tr.setMeta('addToHistory', false);
 		tr.setMeta('system', true);

src/core/node-views/image.js

@@ -164,6 +164,27 @@ class ImageView {
 		if (node.type !== this.node.type) {
 			return false;
 		}
+
+		if (node.attrs.version !== this.node.attrs.version ||
+			node.attrs.attachmentKey !== this.node.attrs.attachmentKey ||
+			node.attrs.src !== this.node.attrs.src ||
+			node.attrs.nodeID !== this.node.attrs.nodeID) {
+			return false;
+		}
+
+		// Make sure the newly created image uses correct dimensions
+		if (node.attrs.attachmentKey && (node.attrs.width !== this.node.attrs.width || node.attrs.height !== this.node.attrs.height)) {
+			let resizedWrapper = this.dom.querySelector('.resized-wrapper');
+			if (resizedWrapper) {
+				if (node.attrs.width !== null) {
+					resizedWrapper.style.width = node.attrs.width + 'px';
+				}
+				else {
+					resizedWrapper.style.width = '';
+				}
+			}
+		}
+
 		this.node = node;
 		this.updateCitation();
 		return true;