Allow more formatting in onPaste: lists, paragraphs, headings

raimohanska · Feb 18, 2021 · 733f393 · 733f393
1 parent cca9b99
commit 733f393
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 24 deletions.
diff --git a/frontend/src/app.scss b/frontend/src/app.scss
@@ -32,26 +32,6 @@ html {
     color: $black;
 }
 
-ul {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    .templates {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        justify-content: space-between;
-    }
-}
-
-li.create-template {
-    > button {
-        padding: 0.1em;
-    }
-    margin-bottom: 0.2em;
-    font-size: 0.8em;
-}
-
 h2 {
     font-size: 1.3em;
 }
@@ -646,6 +626,18 @@ a {
 
 #root.dashboard {
     padding-left: $left-padding;
+    ul {
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+        .templates {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            justify-content: space-between;
+        }
+    }
+
     .recent-boards {
         .remove {
             margin-left: 0.5em;

diff --git a/frontend/src/components/HTMLEditableSpan.tsx b/frontend/src/components/HTMLEditableSpan.tsx
@@ -102,9 +102,7 @@ export const HTMLEditableSpan = (props: EditableSpanProps) => {
     const onPaste = (e: JSX.ClipboardEvent<HTMLSpanElement>) => {
         e.preventDefault()
         // Paste as plain text, remove formatting.
-        var htmlText = e.clipboardData.getData("text/plain")
-        if (isURL(htmlText)) {
-        }
+        var htmlText = e.clipboardData.getData("text/html") || e.clipboardData.getData("text/plain")
         const sanitized = isURL(htmlText)
             ? createLinkHTML(htmlText, window.getSelection()!.toString() || undefined)
             : sanitizeHTML(htmlText)

diff --git a/frontend/src/components/sanitizeHTML.ts b/frontend/src/components/sanitizeHTML.ts
@@ -1,7 +1,7 @@
 import sh, { Attributes } from "sanitize-html"
 
 const sanitizeConfig = {
-    allowedTags: ["b", "i", "em", "strong", "a", "br"],
+    allowedTags: ["b", "i", "em", "strong", "a", "br", "p", "ul", "li", "ol", "h1", "h2", "h3", "h4", "h5"],
     allowedAttributes: {
         a: ["href", "target"],
     },