show default value

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

@@ -12,13 +12,13 @@ class XssForm extends React.Component {
   constructor(props) {
     super(props);
 
-    // const { appContainer } = this.props;
+    const { appContainer } = this.props;
 
     this.state = {
       // TODO fetch correct value
       isEnabledXss: false,
       XssOption: 1,
-      tagWhiteList: '',
+      tagWhiteList: appContainer.config.tagWhiteList,
       attrWhiteList: '',
     };
 
@@ -76,8 +76,7 @@ class XssForm extends React.Component {
                   { t('markdown_setting.import_recommended', 'tags') }
                 </p>
               </div>
-              {/* TODO fetch correct defaultValue */}
-              <textarea className="form-control xss-list" type="text" name="tagWhiteList" rows="6" cols="40" placeholder="e.g. iframe, script, video..." defaultValue="markdownSetting['markdown:xss:tagWhiteList']" onChange={this.handleInputChange}　/>
+              <textarea className="form-control xss-list" type="text" name="tagWhiteList" rows="6" cols="40" placeholder="e.g. iframe, script, video..." defaultValue={this.state.tagWhiteList} onChange={this.handleInputChange}　/>
             </div>
             <div className="m-t-15">
               <div className="d-flex justify-content-between">
@@ -86,13 +85,12 @@ class XssForm extends React.Component {
                   { t('markdown_setting.import_recommended', 'attributes') }
                 </p>
               </div>
-              {/* TODO fetch correct defaultValue */}
-              <textarea className="form-control xss-list" name="attrWhiteList" rows="6" cols="40" placeholder="e.g. src, id, name..." defaultValue="markdownSetting['markdown:xss:attrWhiteList']" onChange={this.handleInputChange}　/>
+              <textarea className="form-control xss-list" name="attrWhiteList" rows="6" cols="40" placeholder="e.g. src, id, name..." defaultValue={this.state.attrWhiteList} onChange={this.handleInputChange}　/>
             </div>
           </label>
         </div>
       </fieldset>
-    )
+    );
   }
 
   render() {