1 | /**
|
2 | * @license
|
3 | * Copyright 2021 Google LLC
|
4 | * Licensed under the Apache License, Version 2.0 (the "License");
|
5 | * you may not use this file except in compliance with the License.
|
6 | * You may obtain a copy of the License at
|
7 | *
|
8 | * https://www.apache.org/licenses/LICENSE-2.0
|
9 | *
|
10 | * Unless required by applicable law or agreed to in writing, software
|
11 | * distributed under the License is distributed on an "AS IS" BASIS,
|
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13 | * See the License for the specific language governing permissions and
|
14 | * limitations under the License.
|
15 | */
|
16 |
|
17 | /**
|
18 | * This file is a collection of risky functions that interact with elements.
|
19 | * BudouX does not apply any HTML sanitization by default, but this is the place
|
20 | * to install a sanitizer if needed.
|
21 | */
|
22 | import {win} from './win.js';
|
23 |
|
24 | /**
|
25 | * Parses an html string and returns a parsed html document.
|
26 | * @param html An HTML string.
|
27 | * @return A Document.
|
28 | */
|
29 | export const parseFromString = (html: string) => {
|
30 | return new win.DOMParser().parseFromString(html, 'text/html');
|
31 | };
|
32 |
|
33 | /**
|
34 | * Sets an innerHTML on a given Element or ShadowRoot.
|
35 | * @param element An Element or ShadowRoot.
|
36 | * @param html An HTML string to set.
|
37 | */
|
38 | export const setInnerHtml = (element: Element | ShadowRoot, html: string) => {
|
39 | element.innerHTML = html;
|
40 | };
|
41 |
|
42 | /**
|
43 | * Applies wrapping styles to make linebreak controls work in children.
|
44 | * @param element A parent element to apply the styles.
|
45 | */
|
46 | export const applyWrapStyle = (element: HTMLElement) => {
|
47 | element.style.wordBreak = 'keep-all';
|
48 | element.style.overflowWrap = 'anywhere';
|
49 | };
|