fix: markdown: default image width to 100%

githubnext · Aug 30, 2022 · ef94a37 · ef94a37
1 parent 0d765a7
commit ef94a37
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/blocks/file-blocks/markdown-edit/extensions.ts b/blocks/file-blocks/markdown-edit/extensions.ts
@@ -166,8 +166,10 @@ export function makeExtensions({
                   !(match = /^https?:\/\/.*/.exec(fullText))
                 )
                   return -1;
+                const hasIncludedLink = match[0].indexOf("](http") !== -1;
+                if (hasIncludedLink) return -1;
                 return cx.addElement(
-                  cx.elt("URL", start, start + 1 + match[0].length)
+                  cx.elt("URL", start, start + 1 + firstMatch.length)
                 );
               },
             },

diff --git a/blocks/file-blocks/markdown-edit/image-widget.tsx b/blocks/file-blocks/markdown-edit/image-widget.tsx
@@ -60,7 +60,7 @@ class ImageWidget extends WidgetType {
       if (Number.isFinite(+style)) return `${style}px`;
       return style;
     };
-    image.style.width = parseStyle(this.width) || "auto";
+    image.style.width = parseStyle(this.width) || "100%";
     image.style.maxWidth = "100%";
     image.style.height = parseStyle(this.height) || "auto";
     image.alt = this.alt || "";
@@ -97,7 +97,6 @@ export const images = ({
       enter: ({ type, from, to }) => {
         if (type.name === "Image") {
           const text = state.doc.sliceString(from, to);
-          console.log(text);
           const result = imageRegex.exec(text);
 
           if (result && result.groups && result.groups.url) {