benzBrake/renderHTML.html

## renderHTML.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML文本快捷渲染</title>
</head>

<body>
    <div id="root">
        <div class="flex">
            <label>错误输入：</label>
            <textarea type="text"></textarea>
        </div>
        <div class="message">
        </div>
    </div>
    <script type="text/javascript">
        let text = document.querySelector('#root .flex textarea'),
            message = document.querySelector('#root .message');
        text.addEventListener('change', el => {
            let value = el.target.value;
            sessionStorage.setItem('cache', value)
            message.innerHTML = value;
        });
        window.onload = function() {
            let active = sessionStorage.getItem('cache');
            if (active || active !== "" && active !== "undefined") {
                text.value = active;
                message.innerHTML = active;
            }
        }
    </script>
    <style>
        .flex {
            display: flex;
            align-items: center;
        }

        .flex label {
            white-space: nowrap;
        }

        .flex textarea {
            width: 100%;
        }

        .message {
            margin-top: 20px;
            font-size: 1em;
        }

        font[size] {
            font-size: 1em !important;
        }
    </style>
</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HTML文本快捷渲染</title>
	</head>

	<body>
	<div id="root">
	<div class="flex">
	<label>错误输入：</label>
	<textarea type="text"></textarea>
	</div>
	<div class="message">
	</div>
	</div>
	<script type="text/javascript">
	let text = document.querySelector('#root .flex textarea'),
	message = document.querySelector('#root .message');
	text.addEventListener('change', el => {
	let value = el.target.value;
	sessionStorage.setItem('cache', value)
	message.innerHTML = value;
	});
	window.onload = function() {
	let active = sessionStorage.getItem('cache');
	if (active \|\| active !== "" && active !== "undefined") {
	text.value = active;
	message.innerHTML = active;
	}
	}
	</script>
	<style>
	.flex {
	display: flex;
	align-items: center;
	}

	.flex label {
	white-space: nowrap;
	}

	.flex textarea {
	width: 100%;
	}

	.message {
	margin-top: 20px;
	font-size: 1em;
	}

	font[size] {
	font-size: 1em !important;
	}
	</style>
	</body>

	</html>