plugin fields have with distinct name and label

example/index.html

@@ -73,15 +73,15 @@
       id: "youtube",
       label: "Youtube",
       icon: 'video',
-      fields: ['video-id'],
+      fields: [{name: 'id', label: 'Youtube Video ID'}],
       pattern: /^{{<\s?youtube (\S+)\s?>}}/,
       fromBlock: function(match) {
         return {
-          "video-id": match[1]
+          id: match[1]
         };
       },
       toBlock: function(obj) {
-        return '{{< youtube ' + obj['video-id'] + ' >}}';
+        return '{{< youtube ' + obj.id + ' >}}';
       }
     })
   </script>

src/components/Widgets/MarkdownControlElements/VisualEditor/BlockTypesMenu.js

@@ -63,7 +63,7 @@ export default class BlockTypesMenu extends Component {
   handlePluginClick(e, plugin) {
     const data = {};
     plugin.fields.forEach(field => {
-      data[field] = window.prompt(field);
+      data[field.name] = window.prompt(field.label);
     });
     this.props.onClickPlugin(plugin.id, data);
   }

src/components/Widgets/richText.js

@@ -44,7 +44,7 @@ function processEditorPlugins(plugins) {
         <div {...props.attributes} className={className}>
           <div className="plugin_icon" contentEditable={false}><Icon type={plugin.icon}/></div>
           <div className="plugin_fields" contentEditable={false}>
-            { plugin.fields.map(field => `${field}: “${node.data.get(field)}”`) }
+            { plugin.fields.map(field => `${field.label}: “${node.data.get(field.name)}”`) }
           </div>