rename some function and option name

src/client/js/components/PageEditor/OptionsSelector.jsx

@@ -49,7 +49,7 @@ class OptionsSelector extends React.Component {
     this.onChangeKeymapMode = this.onChangeKeymapMode.bind(this);
     this.onClickStyleActiveLine = this.onClickStyleActiveLine.bind(this);
     this.onClickRenderMathJaxInRealtime = this.onClickRenderMathJaxInRealtime.bind(this);
-    this.onClickReformMarkdownTable = this.onClickReformMarkdownTable.bind(this);
+    this.onClickFormattingMarkdownTable = this.onClickFormattingMarkdownTable.bind(this);
     this.onToggleConfigurationDropdown = this.onToggleConfigurationDropdown.bind(this);
   }
 
@@ -98,11 +98,11 @@ class OptionsSelector extends React.Component {
     editorContainer.saveOptsToLocalStorage();
   }
 
-  onClickReformMarkdownTable(event_unused) {
+  onClickFormattingMarkdownTable(event_unused) {
     const { editorContainer } = this.props;
 
-    const newValue = !editorContainer.state.editorOptions.reformMarkdownTable;
-    const newOpts = Object.assign(editorContainer.state.editorOptions, { reformMarkdownTable: newValue });
+    const newValue = !editorContainer.state.editorOptions.formattingMarkdownTable;
+    const newOpts = Object.assign(editorContainer.state.editorOptions, { formattingMarkdownTable: newValue });
     editorContainer.setState({ editorOptions: newOpts });
 
     // save to localStorage
@@ -199,7 +199,7 @@ class OptionsSelector extends React.Component {
           <DropdownMenu>
             {this.renderActiveLineMenuItem()}
             {this.renderRealtimeMathJaxMenuItem()}
-            {this.renderReformMarkdownTableMenuItem()}
+            {this.renderFormattingMarkdownTableMenuItem()}
             {/* <DropdownItem divider /> */}
           </DropdownMenu>
 
@@ -257,9 +257,9 @@ class OptionsSelector extends React.Component {
     );
   }
 
-  renderReformMarkdownTableMenuItem() {
+  renderFormattingMarkdownTableMenuItem() {
     const { t, editorContainer } = this.props;
-    const isActive = editorContainer.state.editorOptions.reformMarkdownTable;
+    const isActive = editorContainer.state.editorOptions.formattingMarkdownTable;
 
     const iconClasses = ['text-info'];
     if (isActive) {
@@ -268,7 +268,7 @@ class OptionsSelector extends React.Component {
     const iconClassName = iconClasses.join(' ');
 
     return (
-      <DropdownItem toggle={false} onClick={this.onClickReformMarkdownTable}>
+      <DropdownItem toggle={false} onClick={this.onClickFormattingMarkdownTable}>
         <div className="d-flex justify-content-between">
           <span className="icon-container"></span>
           <span className="menuitem-label">{ t('page_edit.formatting_a_markdown_table') }</span>