init

public/tinymce/src/plugins/charmap/main/ts/ui/GridHtml.ts

@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+
+const getHtml = function (charmap) {
+  let gridHtml, x, y;
+  const width = Math.min(charmap.length, 25);
+  const height = Math.ceil(charmap.length / width);
+
+  gridHtml = '<table role="presentation" cellspacing="0" class="mce-charmap"><tbody>';
+
+  for (y = 0; y < height; y++) {
+    gridHtml += '<tr>';
+
+    for (x = 0; x < width; x++) {
+      const index = y * width + x;
+      if (index < charmap.length) {
+        const chr = charmap[index];
+        const charCode = parseInt(chr[0], 10);
+        const chrText = chr ? String.fromCharCode(charCode) : '&nbsp;';
+
+        gridHtml += (
+          '<td title="' + chr[1] + '">' +
+          '<div tabindex="-1" title="' + chr[1] + '" role="button" data-chr="' + charCode + '">' +
+          chrText +
+          '</div>' +
+          '</td>'
+        );
+      } else {
+        gridHtml += '<td />';
+      }
+    }
+
+    gridHtml += '</tr>';
+  }
+
+  gridHtml += '</tbody></table>';
+
+  return gridHtml;
+};
+
+export default {
+  getHtml
+};