Update example

Author: MrEssex

docs/assets/scripts/search.js

@@ -395,12 +395,12 @@
     }
   });
 
-  // Show the search dialog when slash (or CMD+K) is pressed and focus is not inside a form element
+  // Show the search dialog when (SHFT + ?) (or CMD+K) is pressed and focus is not inside a form element
   document.addEventListener('keydown', event =>
   {
     if(
       !isShowing &&
-      (event.key === '/' || (event.key === 'k' && (event.metaKey || event.ctrlKey))) &&
+      ((event.key === '?' && event.shiftKey) || (event.key === 'k' && (event.metaKey || event.ctrlKey))) &&
       !event.composedPath().some(el => ['input', 'textarea'].includes(el?.tagName?.toLowerCase()))
     )
     {

docs/pages/components/editor.md

@@ -7,26 +7,10 @@ layout: component
 
 ```html:preview
 
-<zn-editor></zn-editor>
-
-
-<script>
-  let cannedResponses = [
-    {
-      title:   'Hello',
-      content: 'Hello, how can I help you?'
-      command: 'hello'
-    },
-    {
-      title:   'Goodbye',
-      content: 'Goodbye, have a nice day!'
-      command: 'goodbye'
-    }
-  ];
-
-  let editor = document.querySelector('zn-editor');
-  editor.setAttribute('canned-responses', JSON.stringify(cannedResponses));
-</script>
+<zn-editor
+  canned-responses="[{&quot;title&quot;: &quot;Example With Data&quot;,&quot;content&quot;: &quot;Hi   \n\nThis is a message from Kyle Essex to test data. \n\n\nFrom    &quot;,&quot;labels&quot;: [&quot;test&quot;],&quot;command&quot;: &quot;example-with-data&quot;},{&quot;title&quot;: &quot;Styled Response&quot;,&quot;content&quot;: &quot;&lt;p&gt;It&apos;s for chat,&lt;/p&gt;\n\n&lt;p&gt;Try not to use any specific styling&lt;/p&gt;\n&quot;,&quot;labels&quot;: [&quot;styled, test&quot;],&quot;command&quot;: &quot;styled-response&quot;}]">
+
+</zn-editor>
 ```
 
 ## Examples