/
transformContent.ts
81 lines (70 loc) · 2.43 KB
/
transformContent.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
/*
* Copyright (C) 2022 - present Instructure, Inc.
*
* This file is part of Canvas.
*
* Canvas is free software: you can redistribute it and/or modify it under
* the terms of the GNU Affero General Public License as published by the Free
* Software Foundation, version 3 of the License.
*
* Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
* A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
* details.
*
* You should have received a copy of the GNU Affero General Public License along
* with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import {relativeHttpUrlForHostname} from '../util/url-util'
export const attributeNamesToUrlRelativize = ['href', 'cite', 'src', 'data']
export const attributeNamesToRemove = ['data-api-endpoint', 'data-api-returntype']
/**
* Transforms a block of HTML for use within the Rich Content Editor, normalizing content to remove extraneous
* things added by the server.
*
* @param inputHtml
* @param options
*/
export function transformRceContentForEditing(
inputHtml: string | null | undefined,
options: TransformRceContentForEditingOptions
) {
if (!inputHtml) {
// It's important to return null/undefined here if that was passed in, otherwise tests fail because
// the change-detection logic doesn't work correctly.
return inputHtml
}
let container: HTMLElement | null
try {
container = new DOMParser().parseFromString(inputHtml, 'text/html').querySelector('body')
} catch (e) {
return inputHtml
}
if (!container) {
return inputHtml
}
// Relativize URLs in attribute
for (const attributeName of attributeNamesToUrlRelativize) {
container.querySelectorAll(`[${attributeName}]`).forEach(element => {
const attributeValue = element.getAttribute(attributeName)
if (attributeValue) {
element.setAttribute(
attributeName,
relativeHttpUrlForHostname(attributeValue, options.origin)
)
}
})
}
// Remove extraneous attributes
container
.querySelectorAll(attributeNamesToRemove.map(it => `[${it}]`).join(','))
.forEach(element => {
for (const attributeName of attributeNamesToRemove) {
element.removeAttribute(attributeName)
}
})
return container.innerHTML
}
export interface TransformRceContentForEditingOptions {
origin: string
}