switch enable xss

src/client/js/components/Admin/MarkdownSetting/XssForm.jsx

@@ -65,7 +65,7 @@ class XssForm extends React.Component {
         <form className="row">
           <div className="form-group">
             <div className="col-xs-4 text-right">
-              <div className="checkbox checkbox-success" onChange={markDownSettingContainer.onChangeEnableXss}>
+              <div className="checkbox checkbox-success" onChange={markDownSettingContainer.switchEnableXss}>
                 <input type="checkbox" id="XssEnable" className="form-check-input" name="isEnabledXss" checked={markDownSettingContainer.state.isEnabledXss} />
                 <label htmlFor="XssEnable">
                   { t('markdown_setting.Enable XSS prevention') }

src/client/js/services/MarkDownSettingContainer.js

@@ -18,7 +18,7 @@ export default class MarkDownSettingContainer extends Container {
       attrWhiteList: appContainer.config.attrWhiteList || '',
     };
 
-    this.onChangeEnableXss = this.onChangeEnableXss.bind(this);
+    this.switchEnableXss = this.switchEnableXss.bind(this);
   }
 
   /**
@@ -31,7 +31,10 @@ export default class MarkDownSettingContainer extends Container {
   /**
    * Switch enableXss
    */
-  onChangeEnableXss() {
+  switchEnableXss() {
+    if (this.state.isEnabledXss) {
+      this.setState({ xssOption: null });
+    }
     this.setState({ isEnabledXss: !this.state.isEnabledXss });
   }