rename & add comment

src/client/js/components/Page.js

@@ -71,7 +71,12 @@ export default class Page extends React.Component {
     return returnBody;
   }
 
-  launchHandsonTableModal(beginLineNumber, endLineNumber) {
+  /**
+   * launch HandsontableModal with data specified by arguments
+   * @param beginLineNumber
+   * @param endLineNumber
+   */
+  launchHandsontableModal(beginLineNumber, endLineNumber) {
     const tableLines = this.state.markdown.split('\n').slice(beginLineNumber - 1, endLineNumber).join('\n');
     this.refs.handsontableModal.show(MarkdownTable.fromMarkdownString(tableLines));
   }

src/client/js/util/Crowi.js

@@ -232,14 +232,14 @@ export default class Crowi {
       });
   }
 
-  launchHandsonTableModal(componentKind, beginLineNumber, endLineNumber) {
+  launchHandsontableModal(componentKind, beginLineNumber, endLineNumber) {
     let targetComponent;
     switch (componentKind) {
       case 'page':
         targetComponent = this.page;
         break;
     }
-    targetComponent.launchHandsonTableModal(beginLineNumber, endLineNumber);
+    targetComponent.launchHandsontableModal(beginLineNumber, endLineNumber);
   }
 
   apiGet(path, params) {

src/client/js/util/markdown-it/table.js

@@ -8,7 +8,7 @@ export default class TableConfigurer {
     md.renderer.rules.table_open = (tokens, idx) => {
       const beginLine = tokens[idx].map[0] + 1;
       const endLine  = tokens[idx].map[1];
-      return `<div><button onClick="crowi.launchHandsonTableModal('page', ${beginLine}, ${endLine})"><i class="fa fa-table"></i></button><table class="table table-bordered">`;
+      return `<div><button onClick="crowi.launchHandsontableModal('page', ${beginLine}, ${endLine})"><i class="fa fa-table"></i></button><table class="table table-bordered">`;
     };
 
     md.renderer.rules.table_close = (tokens, idx) => {