editor.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Tesk Writer</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/medium-editor@latest/dist/css/medium-editor.min.css" type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/medium-editor@latest/dist/css/themes/default.min.css" type="text/css" media="screen" charset="utf-8">

</head>
<body>
	<div id="buttons">
		<button id="mic" onclick="voiceClicked()">MIC OFF</button>
		<button class="print" onclick="createDoc()">Save PDF</button>
	</div>

	<div class="main">
		<h1 class="editable" contenteditable="true">This is a Heading </h1> 
		
		<div class="editable" contenteditable="true" spellcheck="true">
		<p id="mainContent">
			The entire content in this paragraph is editable. Edit this, or remove and start from scratch.<br />
			On selection, a tooltip will appear, allowing you to format your selected text. You may choose to turn it into a header,
			stylize it, turn it into a blockquote, or link it to an external URL.<br />
			The mic and save buttons allow you to use voice to take notes, and to save your document as a PDF.
			Press the 'MIC ON' button once to turn on voice-to-text, and press it again to turn off.

			<br />
			Have fun!
		</p>
		
		</div>  
	</div>

	<script src="//cdn.jsdelivr.net/npm/medium-editor@latest/dist/js/medium-editor.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</body>
</html>