Update extending.md

docs/extending.md

@@ -85,7 +85,7 @@ CMS.registerEditorComponent({
   // Fields the user need to fill out when adding an instance of the component
   fields: [{name: 'id', label: 'Youtube Video ID', widget: 'string'}],
   // Pattern to identify a block as being an instance of this component
-  pattern: /youtube (\S+)\s/,
+  pattern: /^{{<\s?youtube (\S+)\s?>}}/,
   // Function to extract data elements from the regexp match
   fromBlock: function(match) {
     return {
@@ -94,7 +94,7 @@ CMS.registerEditorComponent({
   },
   // Function to create a text block from an instance of this component
   toBlock: function(obj) {
-    return 'youtube ' + obj.id;
+    return '{{< youtube ' + obj.id + ' >}}';
   },
   // Preview output for this component. Can either be a string or a React component
   // (component gives better render performance)