diff --git a/resources/index.html b/resources/index.html
index c73fbb0..b1a3c9f 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -21,7 +21,13 @@
<div class="content-column">
<h1>jottings</h1>
- <textarea id="editor" spellcheck="true" placeholder="Write something..."></textarea>
+ <div class="editor-wrapper">
+ <canvas id="spellCanvas" aria-hidden="true"></canvas>
+ <div id="editor"
+ contenteditable="true"
+ spellcheck="false"
+ data-placeholder="Write something..."></div>
+ </div>
<br>
<div id="countContainer">
<div id="wordCount">0 words</div> |
@@ -36,6 +42,16 @@
</div>
</div>
+ <!-- Context menu for spellcheck suggestions -->
+ <div id="spellMenu" role="menu" aria-label="Spelling suggestions">
+ <div id="spellMenuItems"></div>
+ <div class="spell-menu-sep"></div>
+ <div id="spellMenuAdd" class="spell-menu-item spell-menu-add" role="menuitem" tabindex="-1">
+ Add to dictionary
+ </div>
+ </div>
+
+ <script src="js/nspell.bundle.js"></script>
<script src="js/neutralino.js"></script>
<script src="js/app.js"></script>
</body>