Create different html rule sets. Part of #1854

__tests__/src/components/SanitizedHtml.test.js

@@ -5,7 +5,7 @@ import SanitizedHtml from '../../../src/components/SanitizedHtml';
 const wrapper = shallow(
   <SanitizedHtml
     htmlString="<script>doBadThings()</script><b>Don't worry!</b>"
-    ruleSet="basic"
+    ruleSet="iiif"
   />,
 );
 

src/lib/htmlRules.js

 
-const basic = {
+// Only remove security related tags and attributes. Allow each other.
+const liberal = {};
+
+// No html at all. Only text will remain.
+const noHtml = {
+  ALLOWED_TAGS: [],
+};
+
+// Presentation API 2 suggestion.
+const iiif = {
+  ALLOWED_TAGS: ['a', 'b', 'br', 'i', 'img', 'p', 'span'],
+  ALLOWED_ATTR: ['href', 'src', 'alt'],
+};
+
+// Rule set that is used in Mirador 2.
+const mirador2 = {
   ALLOWED_TAGS: ['a', 'b', 'br', 'i', 'img', 'p', 'span', 'strong', 'em', 'ul', 'ol', 'li'],
   ALLOWED_ATTR: ['href', 'target', 'src', 'alt', 'dir'],
 };
 
-export default { basic };
+export default {
+  liberal,
+  noHtml,
+  iiif,
+  mirador2,
+};