fix(editor): spelling and organization changes

Author: glassdimly

docs-site/src/pages/pattern-lab/_patterns/06-experiments/editor/00-editor-docs.twig

@@ -18,40 +18,3 @@
 <ul>
   <li><a href="{{ link['experiments-drupal-integration'] }}">Docs on Drupal Integration</a></li>
 </ul>
-
-<h3>Handlling editor save</h3>
-<p>Assign a function to <code>window.__handleEditorSave</code> that will run the Drupal Save process 
-and resolve with an object of <code>{ok: true/false, message: "Error: could not...." }</code>.</p>
-<p>Note that we are not returning an error/reject, merely a <code>{ok: false}</code> if the Drupal axios
-request fails. The included message will be displayed as an alert.  
-
-<p>Here is the example handler, which should be overwritten on the window.     The <code>shouldThisFailDemo</code> var is togglable 
-to simulate both events.   The <code>setTimeout()</code> is only necessary for simulating async, the production functionshould not include this.
-</p>
-
-<p>
-<code>
-function exampleHandleEditorSave({ html, id }) {
-  const shouldThisFailToDemo = false;
-  
-  //TODO:  Drupal Axios code likely here 
-  return new Promise((resolve, reject) => {
-    // faking async delay
-    setTimeout(() => {
-      if (shouldThisFailToDemo) {
-        console.log('exampleHandleEditorSave failed');
-        resolve({
-          ok: false,
-          message: 'This is a demonstration of how to fail the save'
-        });
-      } else {
-        console.log('exampleHandleEditorSave ok!');
-        resolve({
-          ok: true,
-          message: 'Saved ok!',
-        });
-      }
-    }, 2000);
-  })
-}
-</code>

docs-site/src/pages/pattern-lab/_patterns/06-experiments/editor/misc/-05-drupal-integration.twig

@@ -56,3 +56,39 @@ document.querySelectorAll('.js-pega-editor').forEach((pegaEditor) => {
   });
 });
 </bolt-code-snippet>
+
+
+<h3>Handling editor save</h3>
+<p>Assign a function to <code>window.__handleEditorSave</code> that will run the Drupal Save process
+  and resolve with an object of <code>{ok: true/false, message: "Error: could not...." }</code>.</p>
+<p>Note that we are not returning an error/reject, merely a <code>{ok: false}</code> if the Drupal http
+  request fails. The included message will be displayed as an alert.
+
+<p>Below is the example handler, which should be over-written on the window. The <code>shouldThisFailDemo</code> var is toggleable
+  to simulate both events. The <code>setTimeout()</code> is only necessary for simulating async, the production function should not include this.
+</p>
+
+<p>
+  <bolt-code-snippet lang="js" syntax="dark">
+  //@TODO: actual Drupal http request code
+  window.__handleEditorSave = () => {
+    return new Promise((resolve, reject) => {
+      // faking async delay
+      setTimeout(() => {
+        if (shouldThisFailToDemo) {
+          console.log('exampleHandleEditorSave failed');
+          resolve({
+            ok: false,
+            message: 'This is a demonstration of how to fail the save'
+          });
+        } else {
+          console.log('exampleHandleEditorSave ok!');
+          resolve({
+            ok: true,
+            message: 'Saved ok!',
+          });
+        }
+      }, 2000);
+    })
+  }
+  </bolt-code-snippet>