save file

Author: javascript-2020

html-components/list/web-editor/web-editor.html

@@ -110,7 +110,14 @@
 
   code
     {display:block;white-space:pre;background:whitesmoke}
-    
+
+  
+  th {
+    text-align: left;margin-bottom:10px
+  }    
+td, th {
+  padding: 12px 8px;
+}  
             </style>
 
       </head>
@@ -154,6 +161,101 @@ <h3>
             </code>
 
 
+            <h3>
+                  initmod
+            </h3>
+            
+            <div>
+                  <p>
+                        the web-editor is setup as the main demo component and as such to simplify the demo's, all options within its 
+                        initmod are optional
+                  </p>
+                  <table>
+                        <tr>
+                              <th>
+                                    name
+                              </th>
+                              <th>
+                                    description
+                              </th>
+                        </tr>
+                        <tr>
+                              <td>
+                                    ext
+                              </td>
+                              <td>
+                                    the default loader helper
+                              </td>
+                        </tr>
+                        <tr>
+                              <td>
+                                    $
+                              </td>
+                              <td>
+                                    the dom helper module
+                              </td>
+                        </tr>
+                        <tr>
+                              <td>
+                                    menu | menumod
+                              </td>
+                              <td>
+                                    either the main menu or the menumod module
+                              </td>
+                        </tr>
+                        <tr>
+                              <td>
+                                    ace
+                              </td>
+                              <td>
+                                    a global reference to ace editor, otherwise each instance of the web-editor
+                                    will load its own ace editor, specifying this ensures its only loaded once
+                              </td>
+                        </tr>
+                        <tr>
+                              <td>
+                                    fullsize
+                              </td>
+                              <td>
+                                    you can pass fullsize to initmod to specify the editor should be fullsize, this option
+                                    is available as an attribute on the element tag itself, or as an option when initdom
+                                    is called
+                              </td>
+                        </tr>
+                        <tr>
+                              <td>
+                                    kd
+                              </td>
+                              <td>
+                                    when certain key combinations are pressed ctrl+enter for instance, web-editor will pass
+                                    the keydown event to this funciton so the embedding module / document can handle keypreses
+                              </td>
+                        </tr>
+                        <tr>
+                              <td>
+                                    embed
+                              </td>
+                              <td>
+                                    when the editor is embedded within another component, the root component can be passed
+                                    to web-editor via this property, then ace editor can pick up its attributes from the
+                                    root component
+                              </td>
+                        </tr>
+                        <tr>
+                              <td>
+                                    on
+                              </td>
+                              <td>
+                                    used for callbacks for different types of events, probably the most common one is 
+                                    on.change, when the editors document changes the on.change callback is called,
+                                    allowing the embedding module / document to respond to these events
+                              </td>
+                        </tr>
+                  </table>
+                        
+            </div>
+            
+            
             <h3>
                   API
             </h3>