commonscomputer/cal.diy
4
0
Fork 0
Code Issues Pull Requests Actions 1.9k Packages Projects Releases Wiki Activity

fix(ui): render markdown headings properly in event descriptions (#29648)

Browse Source 
* fix(ui): render markdown headings properly in event descriptions

* fix(ui): Add noopener and noreferrer to external links in markdownToSafeHTML

* fix(ui): revert external link changes in markdownToSafeHTML

* fix(ui): update markdown heading styles
This commit is contained in:
Gaurav Kumar
2026-07-03 11:52:08 +05:30
committed by GitHub
parent 8f89c082e8
commit 032962f577
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/lib/markdownToSafeHTML.ts
+5 -4
View File
@@ -1,6 +1,5 @@
import sanitizeHtml from "sanitize-html";
import { md } from "@calcom/lib/markdownIt";
import sanitizeHtml from "sanitize-html";
if (typeof window !== "undefined") {
// This file imports markdown parser which is a costly dependency, so we want to make sure it's not imported on the client side.
@@ -24,7 +23,9 @@ export function markdownToSafeHTML(markdown: string | null) {
/<ol>/g,
"<ol style='list-style-type: decimal; list-style-position: inside; margin-left: 12px; margin-bottom: 4px'>"
)
.replace(/<a\s+href=/g, "<a target='_blank' class='text-blue-500 hover:text-blue-600' href=");
.replace(/<a\s+href=/g, "<a target='_blank' class='text-blue-500 hover:text-blue-600' href=")
.replace(/<h1[^>]*>/g, "<h1 style='font-size: 25px; font-weight: bold; margin-bottom: 8px'>")
.replace(/<h2[^>]*>/g, "<h2 style='font-size: 20px; font-weight: bold; margin-bottom: 8px'>");
// Match: <li>Some text </li><li><ul>...</ul></li>
// Convert to: <li>Some text <ul>...</ul></li>
@@ -34,4 +35,4 @@ export function markdownToSafeHTML(markdown: string | null) {
);
return safeHTMLWithListFormatting;
}
}
packages/lib/markdownToSafeHTMLClient.ts
+4 -3
View File
@@ -1,6 +1,5 @@
import DOMPurify from "dompurify";
import { md } from "@calcom/lib/markdownIt";
import DOMPurify from "dompurify";
if (typeof window == "undefined") {
console.warn(
@@ -24,7 +23,9 @@ export function markdownToSafeHTMLClient(markdown: string | null) {
/<ol>/g,
"<ol style='list-style-type: decimal; list-style-position: inside; margin-left: 12px; margin-bottom: 4px'>"
)
.replace(/<a\s+href=/g, "<a target='_blank' class='text-blue-500 hover:text-blue-600' href=");
.replace(/<a\s+href=/g, "<a target='_blank' class='text-blue-500 hover:text-blue-600' href=")
.replace(/<h1[^>]*>/g, "<h1 style='font-size: 25px; font-weight: bold; margin-bottom: 8px'>")
.replace(/<h2[^>]*>/g, "<h2 style='font-size: 20px; font-weight: bold; margin-bottom: 8px'>");
// Match: <li>Some text </li><li><ul>...</ul></li> or
// Convert to: <li>Some text <ul>...</ul></li>