view src/tools/markdown.html @ 56:5bbb89d75199

minor
author Franklin Schmidt <fschmidt@gmail.com>
date Sun, 17 Aug 2025 18:36:32 +0900
parents 176a182c02cf
children
line wrap: on
line source

<!doctype html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<style>
			@import "/site.css";

			textarea {
				width: 100%;
			}
		</style>
		<script src="https://cdn.jsdelivr.net/npm/markdown-it@14.1.0/dist/markdown-it.min.js"></script>
		<script src="/site.js"></script>
		<script>
			function markdown() {
				let textarea = document.querySelector('textarea');
				let result = document.querySelector('div[result]');
				result.textContent = textarea.value;
				result.setAttribute('markdown','');
				handleMarkdown();
			}
		</script>
	</head>
	<body>
		<div content>
			<h1>Markdown</h1>
			<p><a href="https://markdownlivepreview.com/">Markdown</a> is understood by AI, so you can use it to communicate more clearly with AI.  The form below renders Markdown as this website does generally.</p>
			<form action="javascript:markdown()">
				<p><textarea rows=20 autofocus></textarea></p>
				<p><input type=submit></p>
			</form>
			<div result>
			</div>
		</div>
	</body>
</html>