Merge branch 'feat/109715-replace-tags-and-attr-in-recommended-settings-with-config-in-rehype2' into feat/109715-replace-tags-and-attr-in-recommended-settings-with-config-in-rehype

packages/app/src/components/Admin/MarkdownSetting/XssForm.jsx

@@ -16,9 +16,6 @@ import WhiteListInput from './WhiteListInput';
 
 const logger = loggerFactory('growi:importer');
 
-const tags = sanitizeDefaultSchema.tagNames;
-const attrs = JSON.stringify(sanitizeDefaultSchema.attributes);
-
 class XssForm extends React.Component {
 
   constructor(props) {
@@ -44,6 +41,9 @@ class XssForm extends React.Component {
     const { t, adminMarkDownContainer } = this.props;
     const { xssOption } = adminMarkDownContainer.state;
 
+    const rehypeRecommendedTags = sanitizeDefaultSchema.tagNames;
+    const rehypeRecommendedAttributes = JSON.stringify(sanitizeDefaultSchema.attributes);
+
     return (
       <div className="form-group col-12 my-3">
         <div className="row">
@@ -70,7 +70,7 @@ class XssForm extends React.Component {
                     rows="6"
                     cols="40"
                     readOnly
-                    defaultValue={tags}
+                    defaultValue={rehypeRecommendedTags}
                   />
                 </div>
                 <div className="mt-4">
@@ -83,7 +83,7 @@ class XssForm extends React.Component {
                     rows="6"
                     cols="40"
                     readOnly
-                    defaultValue={attrs}
+                    defaultValue={rehypeRecommendedAttributes}
                   />
                 </div>
               </label>