Fix empty image fields saving null or undefined.

decaporg · Nov 27, 2017 · 5271e0f · 5271e0f
1 parent 0515a70
commit 5271e0f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/index.js b/src/index.js
@@ -29,15 +29,15 @@ if (module.hot) {
   module.hot.accept('./root', () => { render(Root); });
 }
 
-const buildtInPlugins = [{
+const builtInPlugins = [{
   label: 'Image',
   id: 'image',
   fromBlock: match => match && {
     image: match[2],
     alt: match[1],
   },
-  toBlock: data => `![${ data.alt }](${ data.image })`,
-  toPreview: (data, getAsset) => <img src={getAsset(data.image)} alt={data.alt} />,
+  toBlock: data => `![${ data.alt || "" }](${ data.image || "" })`,
+  toPreview: (data, getAsset) => <img src={getAsset(data.image) || ""} alt={data.alt || ""} />,
   pattern: /^!\[([^\]]+)]\(([^)]+)\)$/,
   fields: [{
     label: 'Image',
@@ -48,7 +48,7 @@ const buildtInPlugins = [{
     name: 'alt',
   }],
 }];
-buildtInPlugins.forEach(plugin => registry.registerEditorComponent(plugin));
+builtInPlugins.forEach(plugin => registry.registerEditorComponent(plugin));
 
 const CMS = {};
 for (const method in registry) { // eslint-disable-line