diff --git a/index.html b/index.html
index cdd098f4..bd3b8bd1 100644
--- a/index.html
+++ b/index.html
@@ -28,8 +28,6 @@
     <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
     <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
     <script crossorigin src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
-    <!-- message formatting -->
-    <script src="drafty.js"></script>
     <!-- core tinode library -->
     <script src="tinode.js"></script>
     <!-- the application -->
diff --git a/index.js b/index.js
index 0695c016..933c7a2e 100644
--- a/index.js
+++ b/index.js
@@ -54,6 +54,9 @@ var MAX_IMAGE_SIZE = 768;
 var SUPPORTED_IMAGE_FORMATS = ['image/jpeg', 'image/gif', 'image/png', 'image/svg', 'image/svg+xml'];
 var MIME_EXTENSIONS         = ['jpg',        'gif',       'png',       'svg',       'svg'];
 
+// Tinode is defined in 'tinode.js'.
+var Drafty = Tinode.Drafty;
+
 // Helper functions for storing values in localStorage.
 // By default localStorage can store only strings, not objects or other types.
 Storage.prototype.setObject = function(key, value) {