From 815078168f5a24128e25571788dc3dea9cb96a20 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 1 Apr 2025 23:24:21 +0300
Subject: [PATCH] refactor(dev): use es6-string-html for templates

---
 src/public/app/widgets/api_log.ts             |  2 +-
 src/public/app/widgets/attachment_detail.ts   |  2 +-
 .../attribute_widgets/attribute_detail.ts     |  2 +-
 .../attribute_widgets/attribute_editor.ts     |  2 +-
 .../widgets/bulk_actions/execute_script.ts    |  2 +-
 .../widgets/bulk_actions/label/add_label.ts   | 22 +++++++++----------
 .../bulk_actions/label/delete_label.ts        |  4 ++--
 .../bulk_actions/label/rename_label.ts        | 22 +++++++++----------
 .../bulk_actions/label/update_label_value.ts  | 20 ++++++++---------
 .../widgets/bulk_actions/note/delete_note.ts  | 10 ++++-----
 .../bulk_actions/note/delete_revisions.ts     |  2 +-
 .../widgets/bulk_actions/note/move_note.ts    | 14 ++++++------
 .../widgets/bulk_actions/note/rename_note.ts  | 18 +++++++--------
 .../bulk_actions/relation/add_relation.ts     | 16 +++++++-------
 .../bulk_actions/relation/delete_relation.ts  |  6 ++---
 .../bulk_actions/relation/rename_relation.ts  | 22 +++++++++----------
 .../relation/update_relation_target.ts        | 20 ++++++++---------
 .../app/widgets/buttons/abstract_button.ts    |  2 +-
 .../widgets/buttons/attachments_actions.ts    |  2 +-
 src/public/app/widgets/buttons/global_menu.ts |  2 +-
 .../app/widgets/buttons/note_actions.ts       |  2 +-
 .../widgets/buttons/right_dropdown_button.ts  |  2 +-
 .../app/widgets/buttons/update_available.ts   |  2 +-
 src/public/app/widgets/close_zen_button.ts    |  2 +-
 .../widgets/containers/ribbon_container.ts    |  2 +-
 src/public/app/widgets/dialogs/about.ts       |  2 +-
 src/public/app/widgets/dialogs/add_link.ts    |  2 +-
 .../app/widgets/dialogs/branch_prefix.ts      |  2 +-
 .../app/widgets/dialogs/bulk_actions.ts       |  2 +-
 src/public/app/widgets/dialogs/clone_to.ts    |  2 +-
 src/public/app/widgets/dialogs/confirm.ts     |  2 +-
 .../app/widgets/dialogs/delete_notes.ts       |  2 +-
 src/public/app/widgets/dialogs/export.ts      |  2 +-
 src/public/app/widgets/dialogs/help.ts        |  2 +-
 src/public/app/widgets/dialogs/import.ts      |  2 +-
 .../app/widgets/dialogs/include_note.ts       |  2 +-
 src/public/app/widgets/dialogs/info.ts        |  2 +-
 .../app/widgets/dialogs/jump_to_note.ts       |  2 +-
 .../app/widgets/dialogs/markdown_import.ts    |  2 +-
 src/public/app/widgets/dialogs/move_to.ts     |  2 +-
 .../app/widgets/dialogs/note_type_chooser.ts  |  2 +-
 .../app/widgets/dialogs/password_not_set.ts   |  2 +-
 src/public/app/widgets/dialogs/prompt.ts      |  2 +-
 .../dialogs/protected_session_password.ts     |  2 +-
 .../app/widgets/dialogs/recent_changes.ts     |  2 +-
 src/public/app/widgets/dialogs/revisions.ts   |  2 +-
 .../app/widgets/dialogs/sort_child_notes.ts   |  2 +-
 .../app/widgets/dialogs/upload_attachments.ts |  2 +-
 src/public/app/widgets/editability_select.ts  |  2 +-
 src/public/app/widgets/find.ts                |  2 +-
 .../widgets/floating_buttons/code_buttons.ts  |  2 +-
 .../copy_image_reference_button.ts            |  2 +-
 .../floating_buttons/floating_buttons.ts      |  2 +-
 .../floating_buttons/geo_map_button.ts        |  2 +-
 .../widgets/floating_buttons/help_button.ts   |  2 +-
 .../hide_floating_buttons_button.ts           |  8 +++----
 .../floating_buttons/png_export_button.ts     |  2 +-
 .../floating_buttons/relation_map_buttons.ts  |  2 +-
 .../floating_buttons/svg_export_button.ts     |  2 +-
 .../floating_buttons/switch_layout_button.ts  |  2 +-
 .../widgets/floating_buttons/zpetne_odkazy.ts |  2 +-
 src/public/app/widgets/geo_map.ts             |  2 +-
 src/public/app/widgets/highlights_list.ts     |  2 +-
 .../mobile_widgets/mobile_detail_menu.ts      |  2 +-
 .../mobile_widgets/toggle_sidebar_button.ts   |  2 +-
 src/public/app/widgets/note_detail.ts         |  2 +-
 src/public/app/widgets/note_icon.ts           |  2 +-
 src/public/app/widgets/note_language.ts       |  2 +-
 src/public/app/widgets/note_list.ts           |  2 +-
 src/public/app/widgets/note_map.ts            |  2 +-
 src/public/app/widgets/note_title.ts          |  2 +-
 src/public/app/widgets/note_tree.ts           |  2 +-
 src/public/app/widgets/note_type.ts           |  2 +-
 src/public/app/widgets/quick_search.ts        |  2 +-
 .../ribbon_widgets/basic_properties.ts        |  2 +-
 .../widgets/ribbon_widgets/book_properties.ts |  2 +-
 .../ribbon_widgets/classic_editor_toolbar.ts  |  2 +-
 .../widgets/ribbon_widgets/edited_notes.ts    |  2 +-
 .../widgets/ribbon_widgets/file_properties.ts |  2 +-
 .../ribbon_widgets/image_properties.ts        |  2 +-
 .../inherited_attribute_list.ts               |  2 +-
 .../ribbon_widgets/note_info_widget.ts        |  2 +-
 .../app/widgets/ribbon_widgets/note_map.ts    |  2 +-
 .../app/widgets/ribbon_widgets/note_paths.ts  |  2 +-
 .../widgets/ribbon_widgets/note_properties.ts |  2 +-
 .../ribbon_widgets/owned_attribute_list.ts    |  2 +-
 .../ribbon_widgets/promoted_attributes.ts     |  2 +-
 .../widgets/ribbon_widgets/script_executor.ts |  2 +-
 .../ribbon_widgets/search_definition.ts       |  2 +-
 .../widgets/ribbon_widgets/similar_notes.ts   |  2 +-
 src/public/app/widgets/scroll_padding.ts      |  2 +-
 .../app/widgets/search_options/ancestor.ts    |  2 +-
 .../app/widgets/search_options/debug.ts       |  2 +-
 .../app/widgets/search_options/fast_search.ts |  2 +-
 .../search_options/include_archived_notes.ts  |  2 +-
 .../app/widgets/search_options/limit.ts       |  2 +-
 .../app/widgets/search_options/order_by.ts    |  2 +-
 .../widgets/search_options/search_script.ts   |  2 +-
 .../widgets/search_options/search_string.ts   |  2 +-
 src/public/app/widgets/search_result.ts       |  2 +-
 src/public/app/widgets/shared_info.ts         |  2 +-
 src/public/app/widgets/spacer.ts              |  2 +-
 src/public/app/widgets/sql_result.ts          |  2 +-
 src/public/app/widgets/sql_table_schemas.ts   |  2 +-
 src/public/app/widgets/switch.ts              |  2 +-
 src/public/app/widgets/sync_status.ts         |  2 +-
 src/public/app/widgets/title_bar_buttons.ts   |  8 +++----
 src/public/app/widgets/toc.ts                 |  2 +-
 .../abstract_split_type_widget.ts             |  2 +-
 .../widgets/type_widgets/attachment_detail.ts |  2 +-
 .../widgets/type_widgets/attachment_list.ts   |  2 +-
 src/public/app/widgets/type_widgets/book.ts   |  2 +-
 src/public/app/widgets/type_widgets/canvas.ts |  2 +-
 .../type_widgets/content/backend_log.ts       |  2 +-
 .../widgets/type_widgets/content_widget.ts    |  2 +-
 src/public/app/widgets/type_widgets/doc.ts    |  2 +-
 .../app/widgets/type_widgets/editable_code.ts |  2 +-
 .../app/widgets/type_widgets/editable_text.ts |  2 +-
 src/public/app/widgets/type_widgets/empty.ts  |  2 +-
 src/public/app/widgets/type_widgets/file.ts   |  2 +-
 .../app/widgets/type_widgets/geo_map.ts       |  2 +-
 src/public/app/widgets/type_widgets/image.ts  |  2 +-
 .../app/widgets/type_widgets/mind_map.ts      |  2 +-
 src/public/app/widgets/type_widgets/none.ts   |  2 +-
 .../app/widgets/type_widgets/note_map.ts      |  2 +-
 .../advanced/database_anonymization.ts        |  2 +-
 .../advanced/database_integrity_check.ts      |  2 +-
 .../type_widgets/options/advanced/sync.ts     |  2 +-
 .../options/advanced/vacuum_database.ts       |  2 +-
 .../options/appearance/code_block.ts          |  2 +-
 .../appearance/electron_integration.ts        |  2 +-
 .../type_widgets/options/appearance/fonts.ts  |  2 +-
 .../options/appearance/max_content_width.ts   |  2 +-
 .../type_widgets/options/appearance/ribbon.ts |  2 +-
 .../type_widgets/options/appearance/theme.ts  |  2 +-
 .../widgets/type_widgets/options/backup.ts    |  2 +-
 .../code_notes/code_auto_read_only_size.ts    |  2 +-
 .../options/code_notes/code_editor.ts         |  2 +-
 .../options/code_notes/code_mime_types.ts     |  2 +-
 .../app/widgets/type_widgets/options/etapi.ts |  2 +-
 .../widgets/type_widgets/options/i18n/i18n.ts |  2 +-
 .../type_widgets/options/i18n/language.ts     |  2 +-
 .../type_widgets/options/images/images.ts     |  2 +-
 .../options/multi_factor_authentication.ts    |  2 +-
 .../other/attachment_erasure_timeout.ts       |  2 +-
 .../options/other/html_import_tags.ts         |  2 +-
 .../options/other/network_connections.ts      |  2 +-
 .../options/other/note_erasure_timeout.ts     |  2 +-
 .../options/other/revision_snapshots_limit.ts |  2 +-
 .../other/revisions_snapshot_interval.ts      |  2 +-
 .../options/other/search_engine.ts            |  2 +-
 .../options/other/share_settings.ts           |  2 +-
 .../type_widgets/options/other/tray.ts        |  2 +-
 .../type_widgets/options/password/password.ts |  2 +-
 .../password/protected_session_timeout.ts     |  2 +-
 .../widgets/type_widgets/options/shortcuts.ts |  2 +-
 .../app/widgets/type_widgets/options/sync.ts  |  2 +-
 .../type_widgets/options/text_notes/editor.ts |  2 +-
 .../options/text_notes/heading_style.ts       |  2 +-
 .../options/text_notes/highlights_list.ts     |  2 +-
 .../options/text_notes/table_of_contents.ts   |  2 +-
 .../text_notes/text_auto_read_only_size.ts    |  2 +-
 .../widgets/type_widgets/protected_session.ts |  2 +-
 .../widgets/type_widgets/read_only_code.ts    |  2 +-
 .../widgets/type_widgets/read_only_text.ts    |  2 +-
 .../app/widgets/type_widgets/relation_map.ts  |  2 +-
 src/public/app/widgets/type_widgets/render.ts |  2 +-
 .../app/widgets/type_widgets/web_view.ts      |  2 +-
 .../app/widgets/view_widgets/calendar_view.ts |  2 +-
 .../widgets/view_widgets/list_or_grid_view.ts |  2 +-
 .../app/widgets/watched_file_update_status.ts |  2 +-
 171 files changed, 253 insertions(+), 253 deletions(-)

diff --git a/src/public/app/widgets/api_log.ts b/src/public/app/widgets/api_log.ts
index d2b833a71..02f7563e6 100644
--- a/src/public/app/widgets/api_log.ts
+++ b/src/public/app/widgets/api_log.ts
@@ -3,7 +3,7 @@ import type FNote from "../entities/fnote.js";
 import { t } from "../services/i18n.js";
 import NoteContextAwareWidget from "./note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="api-log-widget">
     <style>
     .api-log-widget {
diff --git a/src/public/app/widgets/attachment_detail.ts b/src/public/app/widgets/attachment_detail.ts
index a66ae95a1..1d2eab902 100644
--- a/src/public/app/widgets/attachment_detail.ts
+++ b/src/public/app/widgets/attachment_detail.ts
@@ -10,7 +10,7 @@ import toastService from "../services/toast.js";
 import type FAttachment from "../entities/fattachment.js";
 import type { EventData } from "../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="attachment-detail-widget">
     <style>
         .attachment-detail-widget {
diff --git a/src/public/app/widgets/attribute_widgets/attribute_detail.ts b/src/public/app/widgets/attribute_widgets/attribute_detail.ts
index 2a3f3e2b4..94d2bfa29 100644
--- a/src/public/app/widgets/attribute_widgets/attribute_detail.ts
+++ b/src/public/app/widgets/attribute_widgets/attribute_detail.ts
@@ -12,7 +12,7 @@ import shortcutService from "../../services/shortcuts.js";
 import appContext from "../../components/app_context.js";
 import type { Attribute } from "../../services/attribute_parser.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="attr-detail tn-tool-dialog">
     <style>
         .attr-detail {
diff --git a/src/public/app/widgets/attribute_widgets/attribute_editor.ts b/src/public/app/widgets/attribute_widgets/attribute_editor.ts
index b4d1082a0..72a5e1eda 100644
--- a/src/public/app/widgets/attribute_widgets/attribute_editor.ts
+++ b/src/public/app/widgets/attribute_widgets/attribute_editor.ts
@@ -24,7 +24,7 @@ const HELP_TEXT = `
 
 <p>${t("attribute_editor.help_text_body3")}</p>`;
 
-const TPL = `
+const TPL = /*html*/`
 <div style="position: relative; padding-top: 10px; padding-bottom: 10px">
     <style>
     .attribute-list-editor {
diff --git a/src/public/app/widgets/bulk_actions/execute_script.ts b/src/public/app/widgets/bulk_actions/execute_script.ts
index e5c1c3559..a9d83ceca 100644
--- a/src/public/app/widgets/bulk_actions/execute_script.ts
+++ b/src/public/app/widgets/bulk_actions/execute_script.ts
@@ -2,7 +2,7 @@ import { t } from "../../services/i18n.js";
 import SpacedUpdate from "../../services/spaced_update.js";
 import AbstractBulkAction from "./abstract_bulk_action.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td>
         ${t("execute_script.execute_script")}
diff --git a/src/public/app/widgets/bulk_actions/label/add_label.ts b/src/public/app/widgets/bulk_actions/label/add_label.ts
index df0c1e006..b17eec38f 100644
--- a/src/public/app/widgets/bulk_actions/label/add_label.ts
+++ b/src/public/app/widgets/bulk_actions/label/add_label.ts
@@ -2,20 +2,20 @@ import { t } from "../../../services/i18n.js";
 import SpacedUpdate from "../../../services/spaced_update.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("add_label.add_label")}</div> 
-            
-            <input type="text" 
-                class="form-control label-name" 
+            <div style="margin-right: 10px;" class="text-nowrap">${t("add_label.add_label")}</div>
+
+            <input type="text"
+                class="form-control label-name"
                 placeholder="${t("add_label.label_name_placeholder")}"
                 pattern="[\\p{L}\\p{N}_:]+"
                 title="${t("add_label.label_name_title")}"/>
-            
+
             <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("add_label.to_value")}</div>
-            
+
             <input type="text" class="form-control label-value" placeholder="${t("add_label.new_value_placeholder")}"/>
         </div>
     </td>
@@ -24,16 +24,16 @@ const TPL = `
             <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
             <div class="dropdown-menu dropdown-menu-right p-4">
                 <p>${t("add_label.help_text")}</p>
-                
+
                 <ul>
                     <li>${t("add_label.help_text_item1")}</li>
                     <li>${t("add_label.help_text_item2")}</li>
                 </ul>
-                
+
                 ${t("add_label.help_text_note")}
-            </div> 
+            </div>
         </div>
-    
+
         <span class="bx bx-x icon-action action-conf-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/bulk_actions/label/delete_label.ts b/src/public/app/widgets/bulk_actions/label/delete_label.ts
index 4fc92499a..351d43ccb 100644
--- a/src/public/app/widgets/bulk_actions/label/delete_label.ts
+++ b/src/public/app/widgets/bulk_actions/label/delete_label.ts
@@ -2,13 +2,13 @@ import { t } from "../../../services/i18n.js";
 import SpacedUpdate from "../../../services/spaced_update.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td>
         ${t("delete_label.delete_label")}
     </td>
     <td>
-        <input type="text" 
+        <input type="text"
            class="form-control label-name"
            pattern="[\\p{L}\\p{N}_:]+"
            title="${t("delete_label.label_name_title")}"
diff --git a/src/public/app/widgets/bulk_actions/label/rename_label.ts b/src/public/app/widgets/bulk_actions/label/rename_label.ts
index afda38a81..1bcebd272 100644
--- a/src/public/app/widgets/bulk_actions/label/rename_label.ts
+++ b/src/public/app/widgets/bulk_actions/label/rename_label.ts
@@ -2,22 +2,22 @@ import { t } from "../../../services/i18n.js";
 import SpacedUpdate from "../../../services/spaced_update.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px; flex-shrink: 0;">${t("rename_label.rename_label_from")}</div> 
-            
-            <input type="text" 
-                class="form-control old-label-name" 
-                placeholder="${t("rename_label.old_name_placeholder")}" 
+            <div style="margin-right: 10px; flex-shrink: 0;">${t("rename_label.rename_label_from")}</div>
+
+            <input type="text"
+                class="form-control old-label-name"
+                placeholder="${t("rename_label.old_name_placeholder")}"
                 pattern="[\\p{L}\\p{N}_:]+"
                 title="${t("rename_label.name_title")}"/>
-            
-            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("rename_label.to")}</div> 
-            
-            <input type="text" 
-                class="form-control new-label-name" 
+
+            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("rename_label.to")}</div>
+
+            <input type="text"
+                class="form-control new-label-name"
                 placeholder="${t("rename_label.new_name_placeholder")}"
                 pattern="[\\p{L}\\p{N}_:]+"
                 title="${t("rename_label.name_title")}"/>
diff --git a/src/public/app/widgets/bulk_actions/label/update_label_value.ts b/src/public/app/widgets/bulk_actions/label/update_label_value.ts
index dcd731bd5..d32e21c7e 100644
--- a/src/public/app/widgets/bulk_actions/label/update_label_value.ts
+++ b/src/public/app/widgets/bulk_actions/label/update_label_value.ts
@@ -2,20 +2,20 @@ import { t } from "../../../services/i18n.js";
 import SpacedUpdate from "../../../services/spaced_update.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("update_label_value.update_label_value")}</div> 
-            
-            <input type="text" 
-                class="form-control label-name" 
+            <div style="margin-right: 10px;" class="text-nowrap">${t("update_label_value.update_label_value")}</div>
+
+            <input type="text"
+                class="form-control label-name"
                 placeholder="${t("update_label_value.label_name_placeholder")}"
                 pattern="[\\p{L}\\p{N}_:]+"
                 title="${t("update_label_value.label_name_title")}"/>
-            
+
             <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("update_label_value.to_value")}</div>
-            
+
             <input type="text" class="form-control label-value" placeholder="${t("update_label_value.new_value_placeholder")}"/>
         </div>
     </td>
@@ -24,11 +24,11 @@ const TPL = `
             <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
             <div class="dropdown-menu dropdown-menu-right p-4">
                 <p>${t("update_label_value.help_text")}</p>
-                
+
                 ${t("update_label_value.help_text_note")}
-            </div> 
+            </div>
         </div>
-    
+
         <span class="bx bx-x icon-action action-conf-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/bulk_actions/note/delete_note.ts b/src/public/app/widgets/bulk_actions/note/delete_note.ts
index 3899390c9..b524f03e7 100644
--- a/src/public/app/widgets/bulk_actions/note/delete_note.ts
+++ b/src/public/app/widgets/bulk_actions/note/delete_note.ts
@@ -1,11 +1,11 @@
 import { t } from "../../../services/i18n.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <span class="bx bx-trash"></span>
-    
+
         ${t("delete_note.delete_matched_notes")}
     </td>
     <td class="button-column">
@@ -13,13 +13,13 @@ const TPL = `
             <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
             <div class="dropdown-menu dropdown-menu-right p-4">
                 <p>${t("delete_note.delete_matched_notes_description")}</p>
-                 
+
                 <p>${t("delete_note.undelete_notes_instruction")}</p>
-                
+
                 ${t("delete_note.erase_notes_instruction")}
             </div>
         </div>
-        
+
         <span class="bx bx-x icon-action action-conf-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/bulk_actions/note/delete_revisions.ts b/src/public/app/widgets/bulk_actions/note/delete_revisions.ts
index 25ecf247f..08cd0be74 100644
--- a/src/public/app/widgets/bulk_actions/note/delete_revisions.ts
+++ b/src/public/app/widgets/bulk_actions/note/delete_revisions.ts
@@ -1,7 +1,7 @@
 import { t } from "../../../services/i18n.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <span class="bx bx-trash"></span>
diff --git a/src/public/app/widgets/bulk_actions/note/move_note.ts b/src/public/app/widgets/bulk_actions/note/move_note.ts
index 7d1127012..9a75dbb53 100644
--- a/src/public/app/widgets/bulk_actions/note/move_note.ts
+++ b/src/public/app/widgets/bulk_actions/note/move_note.ts
@@ -3,14 +3,14 @@ import SpacedUpdate from "../../../services/spaced_update.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 import noteAutocompleteService from "../../../services/note_autocomplete.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("move_note.move_note")}</div> 
-                            
+            <div style="margin-right: 10px;" class="text-nowrap">${t("move_note.move_note")}</div>
+
             <div style="margin-right: 10px;" class="text-nowrap">${t("move_note.to")}</div>
-            
+
             <div class="input-group">
                 <input type="text" class="form-control target-parent-note" placeholder="${t("move_note.target_parent_note")}"/>
             </div>
@@ -21,15 +21,15 @@ const TPL = `
             <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
             <div class="dropdown-menu dropdown-menu-right p-4">
                 <p>${t("move_note.on_all_matched_notes")}:</p>
-                
+
                 <ul style="margin-bottom: 0;">
                     <li>${t("move_note.move_note_new_parent")}</li>
                     <li>${t("move_note.clone_note_new_parent")}</li>
                     <li>${t("move_note.nothing_will_happen")}</li>
                 </ul>
-            </div> 
+            </div>
         </div>
-    
+
         <span class="bx bx-x icon-action action-conf-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/bulk_actions/note/rename_note.ts b/src/public/app/widgets/bulk_actions/note/rename_note.ts
index 0f610ebcc..2fb4a05e1 100644
--- a/src/public/app/widgets/bulk_actions/note/rename_note.ts
+++ b/src/public/app/widgets/bulk_actions/note/rename_note.ts
@@ -2,15 +2,15 @@ import SpacedUpdate from "../../../services/spaced_update.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 import { t } from "../../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px; flex-shrink: 0;">${t("rename_note.rename_note_title_to")}</div> 
-            
-            <input type="text" 
-                class="form-control new-title" 
-                placeholder="${t("rename_note.new_note_title")}" 
+            <div style="margin-right: 10px; flex-shrink: 0;">${t("rename_note.rename_note_title_to")}</div>
+
+            <input type="text"
+                class="form-control new-title"
+                placeholder="${t("rename_note.new_note_title")}"
                 title="${t("rename_note.click_help_icon")}"/>
         </div>
     </td>
@@ -19,17 +19,17 @@ const TPL = `
             <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
             <div class="dropdown-menu dropdown-menu-right p-4">
                 <p>${t("rename_note.evaluated_as_js_string")}</p>
-                
+
                 <ul>
                     <li>${t("rename_note.example_note")}</li>
                     <li>${t("rename_note.example_new_title")}</li>
                     <li>${t("rename_note.example_date_prefix")}</li>
                 </ul>
-                
+
                 ${t("rename_note.api_docs")}
             </div>
         </div>
-    
+
         <span class="bx bx-x icon-action action-conf-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/bulk_actions/relation/add_relation.ts b/src/public/app/widgets/bulk_actions/relation/add_relation.ts
index 55efee54d..165162d85 100644
--- a/src/public/app/widgets/bulk_actions/relation/add_relation.ts
+++ b/src/public/app/widgets/bulk_actions/relation/add_relation.ts
@@ -3,21 +3,21 @@ import AbstractBulkAction from "../abstract_bulk_action.js";
 import noteAutocompleteService from "../../../services/note_autocomplete.js";
 import { t } from "../../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("add_relation.add_relation")}</div> 
+            <div style="margin-right: 10px;" class="text-nowrap">${t("add_relation.add_relation")}</div>
 
-            <input type="text" 
-                class="form-control relation-name" 
+            <input type="text"
+                class="form-control relation-name"
                 placeholder="${t("add_relation.relation_name")}"
                 pattern="[\\p{L}\\p{N}_:]+"
                 style="flex-shrink: 3"
                 title="${t("add_relation.allowed_characters")}"/>
-                
+
             <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("add_relation.to")}</div>
-            
+
             <div class="input-group" style="flex-shrink: 2">
                 <input type="text" class="form-control target-note" placeholder="${t("add_relation.target_note")}"/>
             </div>
@@ -28,9 +28,9 @@ const TPL = `
             <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
             <div class="dropdown-menu dropdown-menu-right p-4">
                 ${t("add_relation.create_relation_on_all_matched_notes")}
-            </div> 
+            </div>
         </div>
-    
+
         <span class="bx bx-x icon-action action-conf-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/bulk_actions/relation/delete_relation.ts b/src/public/app/widgets/bulk_actions/relation/delete_relation.ts
index 379f4760c..e88350757 100644
--- a/src/public/app/widgets/bulk_actions/relation/delete_relation.ts
+++ b/src/public/app/widgets/bulk_actions/relation/delete_relation.ts
@@ -2,15 +2,15 @@ import SpacedUpdate from "../../../services/spaced_update.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 import { t } from "../../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td>
         ${t("delete_relation.delete_relation")}
     </td>
     <td>
         <div style="display: flex; align-items: center">
-            <input type="text" 
-                class="form-control relation-name"                    
+            <input type="text"
+                class="form-control relation-name"
                 pattern="[\\p{L}\\p{N}_:]+"
                 placeholder="${t("delete_relation.relation_name")}"
                 title="${t("delete_relation.allowed_characters")}"/>
diff --git a/src/public/app/widgets/bulk_actions/relation/rename_relation.ts b/src/public/app/widgets/bulk_actions/relation/rename_relation.ts
index 5cb8dc35b..3e2b4e6a6 100644
--- a/src/public/app/widgets/bulk_actions/relation/rename_relation.ts
+++ b/src/public/app/widgets/bulk_actions/relation/rename_relation.ts
@@ -2,22 +2,22 @@ import SpacedUpdate from "../../../services/spaced_update.js";
 import AbstractBulkAction from "../abstract_bulk_action.js";
 import { t } from "../../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px; flex-shrink: 0;">${t("rename_relation.rename_relation_from")}</div> 
-            
-            <input type="text" 
-                class="form-control old-relation-name" 
-                placeholder="${t("rename_relation.old_name")}" 
+            <div style="margin-right: 10px; flex-shrink: 0;">${t("rename_relation.rename_relation_from")}</div>
+
+            <input type="text"
+                class="form-control old-relation-name"
+                placeholder="${t("rename_relation.old_name")}"
                 pattern="[\\p{L}\\p{N}_:]+"
                 title="${t("rename_relation.allowed_characters")}"/>
-            
-            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("rename_relation.to")}</div> 
-            
-            <input type="text" 
-                class="form-control new-relation-name" 
+
+            <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("rename_relation.to")}</div>
+
+            <input type="text"
+                class="form-control new-relation-name"
                 placeholder="${t("rename_relation.new_name")}"
                 pattern="[\\p{L}\\p{N}_:]+"
                 title="${t("rename_relation.allowed_characters")}"/>
diff --git a/src/public/app/widgets/bulk_actions/relation/update_relation_target.ts b/src/public/app/widgets/bulk_actions/relation/update_relation_target.ts
index e839e8c41..b0ecaf1c0 100644
--- a/src/public/app/widgets/bulk_actions/relation/update_relation_target.ts
+++ b/src/public/app/widgets/bulk_actions/relation/update_relation_target.ts
@@ -3,21 +3,21 @@ import AbstractBulkAction from "../abstract_bulk_action.js";
 import noteAutocompleteService from "../../../services/note_autocomplete.js";
 import { t } from "../../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <div style="display: flex; align-items: center">
-            <div style="margin-right: 10px;" class="text-nowrap">${t("update_relation_target.update_relation")}</div> 
-            
-            <input type="text" 
-                class="form-control relation-name" 
+            <div style="margin-right: 10px;" class="text-nowrap">${t("update_relation_target.update_relation")}</div>
+
+            <input type="text"
+                class="form-control relation-name"
                 placeholder="${t("update_relation_target.relation_name")}"
                 pattern="[\\p{L}\\p{N}_:]+"
                 style="flex-shrink: 3"
                 title="${t("update_relation_target.allowed_characters")}"/>
-                
+
             <div style="margin-right: 10px; margin-left: 10px;" class="text-nowrap">${t("update_relation_target.to")}</div>
-            
+
             <div class="input-group" style="flex-shrink: 2">
                 <input type="text" class="form-control target-note" placeholder="${t("update_relation_target.target_note")}"/>
             </div>
@@ -28,14 +28,14 @@ const TPL = `
             <span class="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
             <div class="dropdown-menu dropdown-menu-right p-4">
                 <p>${t("update_relation_target.on_all_matched_notes")}:</p>
-                
+
                 <ul style="margin-bottom: 0;">
                     <li>${t("update_relation_target.create_given_relation")}</li>
                     <li>${t("update_relation_target.change_target_note")}</li>
                 </ul>
-            </div> 
+            </div>
         </div>
-    
+
         <span class="bx bx-x icon-action action-conf-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/buttons/abstract_button.ts b/src/public/app/widgets/buttons/abstract_button.ts
index 6b1cc1ca6..7e0923b41 100644
--- a/src/public/app/widgets/buttons/abstract_button.ts
+++ b/src/public/app/widgets/buttons/abstract_button.ts
@@ -1,7 +1,7 @@
 import { Tooltip } from "bootstrap";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `<button class="button-widget bx"
+const TPL = /*html*/`<button class="button-widget bx"
       data-bs-toggle="tooltip"
       title=""></button>`;
 
diff --git a/src/public/app/widgets/buttons/attachments_actions.ts b/src/public/app/widgets/buttons/attachments_actions.ts
index e7b82b28f..b8bbbe572 100644
--- a/src/public/app/widgets/buttons/attachments_actions.ts
+++ b/src/public/app/widgets/buttons/attachments_actions.ts
@@ -12,7 +12,7 @@ import type attachmentsApiRoute from "../../../../routes/api/attachments.js";
 import type FAttachment from "../../entities/fattachment.js";
 import type AttachmentDetailWidget from "../attachment_detail.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="dropdown attachment-actions">
     <style>
     .attachment-actions {
diff --git a/src/public/app/widgets/buttons/global_menu.ts b/src/public/app/widgets/buttons/global_menu.ts
index 699b293e5..657813773 100644
--- a/src/public/app/widgets/buttons/global_menu.ts
+++ b/src/public/app/widgets/buttons/global_menu.ts
@@ -5,7 +5,7 @@ import UpdateAvailableWidget from "./update_available.js";
 import options from "../../services/options.js";
 import { Tooltip, Dropdown } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="dropdown global-menu">
     <style>
     .global-menu {
diff --git a/src/public/app/widgets/buttons/note_actions.ts b/src/public/app/widgets/buttons/note_actions.ts
index a1ecd45d9..020da9318 100644
--- a/src/public/app/widgets/buttons/note_actions.ts
+++ b/src/public/app/widgets/buttons/note_actions.ts
@@ -15,7 +15,7 @@ interface ConvertToAttachmentResponse {
     attachment: FAttachmentRow;
 }
 
-const TPL = `
+const TPL = /*html*/`
 <div class="dropdown note-actions">
     <style>
         .note-actions {
diff --git a/src/public/app/widgets/buttons/right_dropdown_button.ts b/src/public/app/widgets/buttons/right_dropdown_button.ts
index e0afc3470..2c5381ac4 100644
--- a/src/public/app/widgets/buttons/right_dropdown_button.ts
+++ b/src/public/app/widgets/buttons/right_dropdown_button.ts
@@ -2,7 +2,7 @@ import BasicWidget from "../basic_widget.js";
 import { Tooltip, Dropdown } from "bootstrap";
 type PopoverPlacement = Tooltip.PopoverPlacement;
 
-const TPL = `
+const TPL = /*html*/`
 <div class="dropdown right-dropdown-widget dropend">
     <button type="button" data-bs-toggle="dropdown"
             aria-haspopup="true" aria-expanded="false"
diff --git a/src/public/app/widgets/buttons/update_available.ts b/src/public/app/widgets/buttons/update_available.ts
index b8ed93d5a..2f2535cc0 100644
--- a/src/public/app/widgets/buttons/update_available.ts
+++ b/src/public/app/widgets/buttons/update_available.ts
@@ -2,7 +2,7 @@ import { t } from "../../services/i18n.js";
 import BasicWidget from "../basic_widget.js";
 import utils from "../../services/utils.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div style="display: none;">
     <style>
         .global-menu-button-update-available-button {
diff --git a/src/public/app/widgets/close_zen_button.ts b/src/public/app/widgets/close_zen_button.ts
index 27e64183d..fc15b6c0a 100644
--- a/src/public/app/widgets/close_zen_button.ts
+++ b/src/public/app/widgets/close_zen_button.ts
@@ -1,7 +1,7 @@
 import BasicWidget from "./basic_widget.js";
 import { t } from "../services/i18n.js";
 
-const TPL = `\
+const TPL = /*html*/`\
 <div class="close-zen-container">
     <button class="button-widget bx icon-action bxs-yin-yang"
         data-trigger-command="toggleZenMode"
diff --git a/src/public/app/widgets/containers/ribbon_container.ts b/src/public/app/widgets/containers/ribbon_container.ts
index e4e78b43f..7563e2a2b 100644
--- a/src/public/app/widgets/containers/ribbon_container.ts
+++ b/src/public/app/widgets/containers/ribbon_container.ts
@@ -7,7 +7,7 @@ import type { NoteType } from "../../entities/fnote.js";
 import type { EventData, EventNames } from "../../components/app_context.js";
 import type NoteActionsWidget from "../buttons/note_actions.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="ribbon-container">
     <style>
     .ribbon-container {
diff --git a/src/public/app/widgets/dialogs/about.ts b/src/public/app/widgets/dialogs/about.ts
index 790e5e578..2c364d756 100644
--- a/src/public/app/widgets/dialogs/about.ts
+++ b/src/public/app/widgets/dialogs/about.ts
@@ -14,7 +14,7 @@ interface AppInfo {
     dataDirectory: string;
 }
 
-const TPL = `
+const TPL = /*html*/`
 <div class="about-dialog modal fade mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/add_link.ts b/src/public/app/widgets/dialogs/add_link.ts
index 79d0fc74a..14defb082 100644
--- a/src/public/app/widgets/dialogs/add_link.ts
+++ b/src/public/app/widgets/dialogs/add_link.ts
@@ -7,7 +7,7 @@ import type { Suggestion } from "../../services/note_autocomplete.js";
 import type { default as TextTypeWidget } from "../type_widgets/editable_text.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="add-link-dialog modal mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" style="max-width: 1000px" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/branch_prefix.ts b/src/public/app/widgets/dialogs/branch_prefix.ts
index 46a014e6c..345d30557 100644
--- a/src/public/app/widgets/dialogs/branch_prefix.ts
+++ b/src/public/app/widgets/dialogs/branch_prefix.ts
@@ -8,7 +8,7 @@ import appContext from "../../components/app_context.js";
 import { t } from "../../services/i18n.js";
 import { Modal } from "bootstrap";
 
-const TPL = `<div class="branch-prefix-dialog modal fade mx-auto" tabindex="-1" role="dialog">
+const TPL = /*html*/`<div class="branch-prefix-dialog modal fade mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" role="document">
         <form class="branch-prefix-form">
             <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/bulk_actions.ts b/src/public/app/widgets/dialogs/bulk_actions.ts
index 7bff5a0c8..a8680500d 100644
--- a/src/public/app/widgets/dialogs/bulk_actions.ts
+++ b/src/public/app/widgets/dialogs/bulk_actions.ts
@@ -8,7 +8,7 @@ import { t } from "../../services/i18n.js";
 import type { EventData } from "../../components/app_context.js";
 
 
-const TPL = `
+const TPL = /*html*/`
 <div class="bulk-actions-dialog modal mx-auto" tabindex="-1" role="dialog">
     <style>
         .bulk-actions-dialog .modal-body h4:not(:first-child) {
diff --git a/src/public/app/widgets/dialogs/clone_to.ts b/src/public/app/widgets/dialogs/clone_to.ts
index 3f51942d6..08ee3108b 100644
--- a/src/public/app/widgets/dialogs/clone_to.ts
+++ b/src/public/app/widgets/dialogs/clone_to.ts
@@ -10,7 +10,7 @@ import { t } from "../../services/i18n.js";
 import type { EventData } from "../../components/app_context.js";
 
 
-const TPL = `
+const TPL = /*html*/`
 <div class="clone-to-dialog modal mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" style="max-width: 1000px" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/confirm.ts b/src/public/app/widgets/dialogs/confirm.ts
index b111e4b75..8fa25a728 100644
--- a/src/public/app/widgets/dialogs/confirm.ts
+++ b/src/public/app/widgets/dialogs/confirm.ts
@@ -4,7 +4,7 @@ import { Modal } from "bootstrap";
 
 const DELETE_NOTE_BUTTON_CLASS = "confirm-dialog-delete-note";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="confirm-dialog modal mx-auto" tabindex="-1" role="dialog" style="z-index: 2000;">
     <div class="modal-dialog modal-dialog-scrollable" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/delete_notes.ts b/src/public/app/widgets/dialogs/delete_notes.ts
index 19331641d..52a0d9941 100644
--- a/src/public/app/widgets/dialogs/delete_notes.ts
+++ b/src/public/app/widgets/dialogs/delete_notes.ts
@@ -24,7 +24,7 @@ interface ShowDeleteNotesDialogOpts {
     forceDeleteAllClones: boolean;
 }
 
-const TPL = `
+const TPL = /*html*/`
 <div class="delete-notes-dialog modal mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-dialog-scrollable modal-xl" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/export.ts b/src/public/app/widgets/dialogs/export.ts
index 047ea73df..d8fcd670d 100644
--- a/src/public/app/widgets/dialogs/export.ts
+++ b/src/public/app/widgets/dialogs/export.ts
@@ -9,7 +9,7 @@ import { t } from "../../services/i18n.js";
 import type { EventData } from "../../components/app_context.js";
 import { Modal } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="export-dialog modal fade mx-auto" tabindex="-1" role="dialog">
     <style>
     .export-dialog .export-form .form-check {
diff --git a/src/public/app/widgets/dialogs/help.ts b/src/public/app/widgets/dialogs/help.ts
index 4257a1367..0d2e77d7b 100644
--- a/src/public/app/widgets/dialogs/help.ts
+++ b/src/public/app/widgets/dialogs/help.ts
@@ -2,7 +2,7 @@ import utils from "../../services/utils.js";
 import BasicWidget from "../basic_widget.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="help-dialog modal use-tn-links" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document" style="min-width: 90%;">
         <div class="modal-content" style="height: auto;">
diff --git a/src/public/app/widgets/dialogs/import.ts b/src/public/app/widgets/dialogs/import.ts
index 558f2084c..f1ac2663d 100644
--- a/src/public/app/widgets/dialogs/import.ts
+++ b/src/public/app/widgets/dialogs/import.ts
@@ -7,7 +7,7 @@ import { t } from "../../services/i18n.js";
 import { Modal, Tooltip } from "bootstrap";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="import-dialog modal fade mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/include_note.ts b/src/public/app/widgets/dialogs/include_note.ts
index 45d4a0f8a..06375aa48 100644
--- a/src/public/app/widgets/dialogs/include_note.ts
+++ b/src/public/app/widgets/dialogs/include_note.ts
@@ -8,7 +8,7 @@ import { Modal } from "bootstrap";
 import type { EventData } from "../../components/app_context.js";
 import type EditableTextTypeWidget from "../type_widgets/editable_text.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="include-note-dialog modal mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/info.ts b/src/public/app/widgets/dialogs/info.ts
index 621a76096..508599912 100644
--- a/src/public/app/widgets/dialogs/info.ts
+++ b/src/public/app/widgets/dialogs/info.ts
@@ -5,7 +5,7 @@ import BasicWidget from "../basic_widget.js";
 import { Modal } from "bootstrap";
 import type { ConfirmDialogCallback } from "./confirm.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="info-dialog modal mx-auto" tabindex="-1" role="dialog" style="z-index: 2000;">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/jump_to_note.ts b/src/public/app/widgets/dialogs/jump_to_note.ts
index 1fbb67a57..54428b3b6 100644
--- a/src/public/app/widgets/dialogs/jump_to_note.ts
+++ b/src/public/app/widgets/dialogs/jump_to_note.ts
@@ -6,7 +6,7 @@ import BasicWidget from "../basic_widget.js";
 import shortcutService from "../../services/shortcuts.js";
 import { Modal } from "bootstrap";
 
-const TPL = `<div class="jump-to-note-dialog modal mx-auto" tabindex="-1" role="dialog">
+const TPL = /*html*/`<div class="jump-to-note-dialog modal mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
             <div class="modal-header">
diff --git a/src/public/app/widgets/dialogs/markdown_import.ts b/src/public/app/widgets/dialogs/markdown_import.ts
index e5450ac48..3cc528b87 100644
--- a/src/public/app/widgets/dialogs/markdown_import.ts
+++ b/src/public/app/widgets/dialogs/markdown_import.ts
@@ -7,7 +7,7 @@ import shortcutService from "../../services/shortcuts.js";
 import server from "../../services/server.js";
 import { Modal } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="markdown-import-dialog modal fade mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/move_to.ts b/src/public/app/widgets/dialogs/move_to.ts
index af4adfe1d..91ffcfd71 100644
--- a/src/public/app/widgets/dialogs/move_to.ts
+++ b/src/public/app/widgets/dialogs/move_to.ts
@@ -8,7 +8,7 @@ import BasicWidget from "../basic_widget.js";
 import { t } from "../../services/i18n.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="move-to-dialog modal mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" style="max-width: 1000px" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/note_type_chooser.ts b/src/public/app/widgets/dialogs/note_type_chooser.ts
index 40b942481..5e9b7bdf1 100644
--- a/src/public/app/widgets/dialogs/note_type_chooser.ts
+++ b/src/public/app/widgets/dialogs/note_type_chooser.ts
@@ -5,7 +5,7 @@ import noteTypesService from "../../services/note_types.js";
 import BasicWidget from "../basic_widget.js";
 import { Dropdown, Modal } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-type-chooser-dialog modal mx-auto" tabindex="-1" role="dialog">
     <style>
         .note-type-chooser-dialog {
diff --git a/src/public/app/widgets/dialogs/password_not_set.ts b/src/public/app/widgets/dialogs/password_not_set.ts
index 9b23649f3..03a944ab0 100644
--- a/src/public/app/widgets/dialogs/password_not_set.ts
+++ b/src/public/app/widgets/dialogs/password_not_set.ts
@@ -3,7 +3,7 @@ import utils from "../../services/utils.js";
 import BasicWidget from "../basic_widget.js";
 import { Modal } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="password-not-set-dialog modal fade mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-md" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/prompt.ts b/src/public/app/widgets/dialogs/prompt.ts
index 6c0fff104..e33667a1d 100644
--- a/src/public/app/widgets/dialogs/prompt.ts
+++ b/src/public/app/widgets/dialogs/prompt.ts
@@ -3,7 +3,7 @@ import utils from "../../services/utils.js";
 import BasicWidget from "../basic_widget.js";
 import { Modal } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="prompt-dialog modal mx-auto" tabindex="-1" role="dialog" style="z-index: 2000;">
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/protected_session_password.ts b/src/public/app/widgets/dialogs/protected_session_password.ts
index abc383624..b044a9b7f 100644
--- a/src/public/app/widgets/dialogs/protected_session_password.ts
+++ b/src/public/app/widgets/dialogs/protected_session_password.ts
@@ -4,7 +4,7 @@ import utils from "../../services/utils.js";
 import BasicWidget from "../basic_widget.js";
 import { Modal } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="protected-session-password-dialog modal mx-auto" data-backdrop="false" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-md" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/recent_changes.ts b/src/public/app/widgets/dialogs/recent_changes.ts
index dbaca5268..59949d059 100644
--- a/src/public/app/widgets/dialogs/recent_changes.ts
+++ b/src/public/app/widgets/dialogs/recent_changes.ts
@@ -12,7 +12,7 @@ import utils from "../../services/utils.js";
 import ws from "../../services/ws.js";
 import { Modal } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="recent-changes-dialog modal fade mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/dialogs/revisions.ts b/src/public/app/widgets/dialogs/revisions.ts
index 0a7416598..c97864e22 100644
--- a/src/public/app/widgets/dialogs/revisions.ts
+++ b/src/public/app/widgets/dialogs/revisions.ts
@@ -13,7 +13,7 @@ import type FNote from "../../entities/fnote.js";
 import type { NoteType } from "../../entities/fnote.js";
 import { Dropdown, Modal } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="revisions-dialog modal fade mx-auto" tabindex="-1" role="dialog">
     <style>
         .revisions-dialog .revision-content-wrapper {
diff --git a/src/public/app/widgets/dialogs/sort_child_notes.ts b/src/public/app/widgets/dialogs/sort_child_notes.ts
index 5549fadb8..d2bad6b87 100644
--- a/src/public/app/widgets/dialogs/sort_child_notes.ts
+++ b/src/public/app/widgets/dialogs/sort_child_notes.ts
@@ -4,7 +4,7 @@ import server from "../../services/server.js";
 import utils from "../../services/utils.js";
 import BasicWidget from "../basic_widget.js";
 
-const TPL = `<div class="sort-child-notes-dialog modal mx-auto" tabindex="-1" role="dialog">
+const TPL = /*html*/`<div class="sort-child-notes-dialog modal mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" style="max-width: 500px" role="document">
         <div class="modal-content">
             <div class="modal-header">
diff --git a/src/public/app/widgets/dialogs/upload_attachments.ts b/src/public/app/widgets/dialogs/upload_attachments.ts
index a2ce8436e..b85b12b9c 100644
--- a/src/public/app/widgets/dialogs/upload_attachments.ts
+++ b/src/public/app/widgets/dialogs/upload_attachments.ts
@@ -7,7 +7,7 @@ import BasicWidget from "../basic_widget.js";
 import { Modal, Tooltip } from "bootstrap";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="upload-attachments-dialog modal fade mx-auto" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
diff --git a/src/public/app/widgets/editability_select.ts b/src/public/app/widgets/editability_select.ts
index 8e1d0d964..e7127ca8a 100644
--- a/src/public/app/widgets/editability_select.ts
+++ b/src/public/app/widgets/editability_select.ts
@@ -7,7 +7,7 @@ import { Dropdown } from "bootstrap";
 
 type Editability = "auto" | "readOnly" | "autoReadOnlyDisabled";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="dropdown editability-select-widget">
     <style>
     .editability-dropdown {
diff --git a/src/public/app/widgets/find.ts b/src/public/app/widgets/find.ts
index 2505c5a85..d4a6c9b6a 100644
--- a/src/public/app/widgets/find.ts
+++ b/src/public/app/widgets/find.ts
@@ -22,7 +22,7 @@ export interface FindResult {
 // tabIndex=-1 on the checkbox labels is necessary, so when clicking on the label,
 // the focusout handler is called with relatedTarget equal to the label instead
 // of undefined. It's -1 instead of > 0, so they don't tabstop
-const TPL = `
+const TPL = /*html*/`
 <div class='find-replace-widget' style="contain: none; border-top: 1px solid var(--main-border-color);">
     <style>
         .find-widget-box, .replace-widget-box {
diff --git a/src/public/app/widgets/floating_buttons/code_buttons.ts b/src/public/app/widgets/floating_buttons/code_buttons.ts
index 0d6b471fe..e95266459 100644
--- a/src/public/app/widgets/floating_buttons/code_buttons.ts
+++ b/src/public/app/widgets/floating_buttons/code_buttons.ts
@@ -8,7 +8,7 @@ import NoteContextAwareWidget from "../note_context_aware_widget.js";
 import keyboardActionService from "../../services/keyboard_actions.js";
 import type FNote from "../../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="code-buttons-widget">
     <style>
         .code-buttons-widget {
diff --git a/src/public/app/widgets/floating_buttons/copy_image_reference_button.ts b/src/public/app/widgets/floating_buttons/copy_image_reference_button.ts
index 534f895e5..dba261297 100644
--- a/src/public/app/widgets/floating_buttons/copy_image_reference_button.ts
+++ b/src/public/app/widgets/floating_buttons/copy_image_reference_button.ts
@@ -3,7 +3,7 @@ import NoteContextAwareWidget from "../note_context_aware_widget.js";
 import utils from "../../services/utils.js";
 import imageService from "../../services/image.js";
 
-const TPL = `
+const TPL = /*html*/`
 <button type="button"
         class="copy-image-reference-button"
         title="${t("copy_image_reference_button.button_title")}">
diff --git a/src/public/app/widgets/floating_buttons/floating_buttons.ts b/src/public/app/widgets/floating_buttons/floating_buttons.ts
index c7bf9b343..e75072d4e 100644
--- a/src/public/app/widgets/floating_buttons/floating_buttons.ts
+++ b/src/public/app/widgets/floating_buttons/floating_buttons.ts
@@ -11,7 +11,7 @@ import type BasicWidget from "../basic_widget.js";
  * properly handle rounded corners, as defined by the --border-radius CSS variable.
  */
 
-const TPL = `
+const TPL = /*html*/`
 <div class="floating-buttons no-print">
     <style>
         .floating-buttons {
diff --git a/src/public/app/widgets/floating_buttons/geo_map_button.ts b/src/public/app/widgets/floating_buttons/geo_map_button.ts
index e4e9a66f9..32b45d66c 100644
--- a/src/public/app/widgets/floating_buttons/geo_map_button.ts
+++ b/src/public/app/widgets/floating_buttons/geo_map_button.ts
@@ -1,7 +1,7 @@
 import { t } from "../../services/i18n.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `\
+const TPL = /*html*/`\
 <div class="geo-map-buttons">
     <style>
         .geo-map-buttons {
diff --git a/src/public/app/widgets/floating_buttons/help_button.ts b/src/public/app/widgets/floating_buttons/help_button.ts
index fc4d7adff..3c6d969eb 100644
--- a/src/public/app/widgets/floating_buttons/help_button.ts
+++ b/src/public/app/widgets/floating_buttons/help_button.ts
@@ -6,7 +6,7 @@ import type { ViewScope } from "../../services/link.js";
 import type { ViewTypeOptions } from "../../services/note_list_renderer.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <button class="open-contextual-help-button" title="${t("help-button.title")}">
     <span class="bx bx-help-circle"></span>
 </button>
diff --git a/src/public/app/widgets/floating_buttons/hide_floating_buttons_button.ts b/src/public/app/widgets/floating_buttons/hide_floating_buttons_button.ts
index 4b66404a2..19fbde261 100644
--- a/src/public/app/widgets/floating_buttons/hide_floating_buttons_button.ts
+++ b/src/public/app/widgets/floating_buttons/hide_floating_buttons_button.ts
@@ -1,26 +1,26 @@
 import { t } from "../../services/i18n.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="close-floating-buttons">
     <style>
         .close-floating-buttons {
             display: none;
             margin-left: 5px !important;
         }
-    
+
         /* conditionally display close button if there's some other button visible */
         .floating-buttons *:not(.hidden-int):not(.hidden-no-content) ~ .close-floating-buttons {
             display: block;
         }
-        
+
         .close-floating-buttons-button {
             border: 1px solid transparent;
             color: var(--button-text-color);
             padding: 6px;
             border-radius: 100px;
         }
-        
+
         .close-floating-buttons-button:hover {
             border: 1px solid var(--button-border-color);
         }
diff --git a/src/public/app/widgets/floating_buttons/png_export_button.ts b/src/public/app/widgets/floating_buttons/png_export_button.ts
index a0597c5d3..8f5ccba9c 100644
--- a/src/public/app/widgets/floating_buttons/png_export_button.ts
+++ b/src/public/app/widgets/floating_buttons/png_export_button.ts
@@ -1,7 +1,7 @@
 import { t } from "../../services/i18n.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <button type="button"
         class="export-svg-button"
         title="${t("png_export_button.button_title")}">
diff --git a/src/public/app/widgets/floating_buttons/relation_map_buttons.ts b/src/public/app/widgets/floating_buttons/relation_map_buttons.ts
index 27d2ab5ed..141c42e16 100644
--- a/src/public/app/widgets/floating_buttons/relation_map_buttons.ts
+++ b/src/public/app/widgets/floating_buttons/relation_map_buttons.ts
@@ -1,7 +1,7 @@
 import { t } from "../../services/i18n.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="relation-map-buttons">
     <style>
         .relation-map-buttons {
diff --git a/src/public/app/widgets/floating_buttons/svg_export_button.ts b/src/public/app/widgets/floating_buttons/svg_export_button.ts
index a54954646..12e8d0520 100644
--- a/src/public/app/widgets/floating_buttons/svg_export_button.ts
+++ b/src/public/app/widgets/floating_buttons/svg_export_button.ts
@@ -1,7 +1,7 @@
 import { t } from "../../services/i18n.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <button type="button"
         class="export-svg-button"
         title="${t("svg_export_button.button_title")}">
diff --git a/src/public/app/widgets/floating_buttons/switch_layout_button.ts b/src/public/app/widgets/floating_buttons/switch_layout_button.ts
index e218c5c2e..f306a8491 100644
--- a/src/public/app/widgets/floating_buttons/switch_layout_button.ts
+++ b/src/public/app/widgets/floating_buttons/switch_layout_button.ts
@@ -3,7 +3,7 @@ import { t } from "../../services/i18n.js";
 import options from "../../services/options.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <button type="button"
     class="switch-layout-button">
     <span class="bx"></span>
diff --git a/src/public/app/widgets/floating_buttons/zpetne_odkazy.ts b/src/public/app/widgets/floating_buttons/zpetne_odkazy.ts
index 8e4e63346..29dff9124 100644
--- a/src/public/app/widgets/floating_buttons/zpetne_odkazy.ts
+++ b/src/public/app/widgets/floating_buttons/zpetne_odkazy.ts
@@ -9,7 +9,7 @@ import server from "../../services/server.js";
 import froca from "../../services/froca.js";
 import type FNote from "../../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="backlinks-widget has-overflow">
     <style>
         .backlinks-widget {
diff --git a/src/public/app/widgets/geo_map.ts b/src/public/app/widgets/geo_map.ts
index 699d71a51..14df22e3b 100644
--- a/src/public/app/widgets/geo_map.ts
+++ b/src/public/app/widgets/geo_map.ts
@@ -3,7 +3,7 @@ import L from "leaflet";
 import "leaflet/dist/leaflet.css";
 import NoteContextAwareWidget from "./note_context_aware_widget.js";
 
-const TPL = `\
+const TPL = /*html*/`\
 <div class="geo-map-widget">
     <style>
         .note-detail-geo-map,
diff --git a/src/public/app/widgets/highlights_list.ts b/src/public/app/widgets/highlights_list.ts
index 12a0ca818..8fc1ceb54 100644
--- a/src/public/app/widgets/highlights_list.ts
+++ b/src/public/app/widgets/highlights_list.ts
@@ -14,7 +14,7 @@ import appContext, { type EventData } from "../components/app_context.js";
 import libraryLoader from "../services/library_loader.js";
 import type FNote from "../entities/fnote.js";
 
-const TPL = `<div class="highlights-list-widget">
+const TPL = /*html*/`<div class="highlights-list-widget">
     <style>
         .highlights-list-widget {
             padding: 10px;
diff --git a/src/public/app/widgets/mobile_widgets/mobile_detail_menu.ts b/src/public/app/widgets/mobile_widgets/mobile_detail_menu.ts
index 58039f910..1a72e5a42 100644
--- a/src/public/app/widgets/mobile_widgets/mobile_detail_menu.ts
+++ b/src/public/app/widgets/mobile_widgets/mobile_detail_menu.ts
@@ -6,7 +6,7 @@ import branchService from "../../services/branches.js";
 import treeService from "../../services/tree.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `<button type="button" class="action-button bx"></button>`;
+const TPL = /*html*/`<button type="button" class="action-button bx"></button>`;
 
 class MobileDetailMenuWidget extends BasicWidget {
     private isHorizontalLayout: boolean;
diff --git a/src/public/app/widgets/mobile_widgets/toggle_sidebar_button.ts b/src/public/app/widgets/mobile_widgets/toggle_sidebar_button.ts
index d3c7af9ae..b2a8039a1 100644
--- a/src/public/app/widgets/mobile_widgets/toggle_sidebar_button.ts
+++ b/src/public/app/widgets/mobile_widgets/toggle_sidebar_button.ts
@@ -1,6 +1,6 @@
 import BasicWidget from "../basic_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <button type="button" class="action-button bx bx-sidebar"></button>`;
 
 class ToggleSidebarButtonWidget extends BasicWidget {
diff --git a/src/public/app/widgets/note_detail.ts b/src/public/app/widgets/note_detail.ts
index b7db17337..9341e89c4 100644
--- a/src/public/app/widgets/note_detail.ts
+++ b/src/public/app/widgets/note_detail.ts
@@ -37,7 +37,7 @@ import type { NoteType } from "../entities/fnote.js";
 import type TypeWidget from "./type_widgets/type_widget.js";
 import { MermaidTypeWidget } from "./type_widgets/mermaid.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail">
     <style>
     .note-detail {
diff --git a/src/public/app/widgets/note_icon.ts b/src/public/app/widgets/note_icon.ts
index 690a2ba7f..6dd1fdebf 100644
--- a/src/public/app/widgets/note_icon.ts
+++ b/src/public/app/widgets/note_icon.ts
@@ -7,7 +7,7 @@ import type { EventData } from "../components/app_context.js";
 import type { Icon } from "./icon_list.js";
 import { Dropdown } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-icon-widget dropdown">
     <style>
     .note-icon-widget {
diff --git a/src/public/app/widgets/note_language.ts b/src/public/app/widgets/note_language.ts
index e582a54f2..4f5d2dc63 100644
--- a/src/public/app/widgets/note_language.ts
+++ b/src/public/app/widgets/note_language.ts
@@ -9,7 +9,7 @@ import type { Locale } from "../../../services/i18n.js";
 import options from "../services/options.js";
 import appContext from "../components/app_context.js";
 
-const TPL = `\
+const TPL = /*html*/`\
 <div class="dropdown note-language-widget">
     <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle select-button note-language-button">
         <span class="note-language-desc"></span>
diff --git a/src/public/app/widgets/note_list.ts b/src/public/app/widgets/note_list.ts
index 7243ff9a9..9306b6ca9 100644
--- a/src/public/app/widgets/note_list.ts
+++ b/src/public/app/widgets/note_list.ts
@@ -4,7 +4,7 @@ import type FNote from "../entities/fnote.js";
 import type { EventData } from "../components/app_context.js";
 import type ViewMode from "./view_widgets/view_mode.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-list-widget">
     <style>
     .note-list-widget {
diff --git a/src/public/app/widgets/note_map.ts b/src/public/app/widgets/note_map.ts
index 21cf7e808..d7fb10af4 100644
--- a/src/public/app/widgets/note_map.ts
+++ b/src/public/app/widgets/note_map.ts
@@ -12,7 +12,7 @@ import type FNote from "../entities/fnote.js";
 
 const esc = utils.escapeHtml;
 
-const TPL = `<div class="note-map-widget">
+const TPL = /*html*/`<div class="note-map-widget">
     <style>
         .note-detail-note-map {
             height: 100%;
diff --git a/src/public/app/widgets/note_title.ts b/src/public/app/widgets/note_title.ts
index 690c18685..ebe7ad809 100644
--- a/src/public/app/widgets/note_title.ts
+++ b/src/public/app/widgets/note_title.ts
@@ -9,7 +9,7 @@ import shortcutService from "../services/shortcuts.js";
 import utils from "../services/utils.js";
 import type FNote from "../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-title-widget">
     <style>
     .note-title-widget {
diff --git a/src/public/app/widgets/note_tree.ts b/src/public/app/widgets/note_tree.ts
index d1ec85611..7fc801ecb 100644
--- a/src/public/app/widgets/note_tree.ts
+++ b/src/public/app/widgets/note_tree.ts
@@ -26,7 +26,7 @@ import type { NoteType } from "../entities/fnote.js";
 import type { AttributeRow, BranchRow } from "../services/load_results.js";
 import type { SetNoteOpts } from "../components/note_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="tree-wrapper">
     <style>
     .tree-wrapper {
diff --git a/src/public/app/widgets/note_type.ts b/src/public/app/widgets/note_type.ts
index aa9b7628d..28983286c 100644
--- a/src/public/app/widgets/note_type.ts
+++ b/src/public/app/widgets/note_type.ts
@@ -54,7 +54,7 @@ const NOTE_TYPES: NoteTypeMapping[] = [
 
 const NOT_SELECTABLE_NOTE_TYPES = NOTE_TYPES.filter((nt) => !nt.selectable).map((nt) => nt.type);
 
-const TPL = `
+const TPL = /*html*/`
 <div class="dropdown note-type-widget">
     <style>
         .note-type-dropdown {
diff --git a/src/public/app/widgets/quick_search.ts b/src/public/app/widgets/quick_search.ts
index f38d5e742..1f4183f2c 100644
--- a/src/public/app/widgets/quick_search.ts
+++ b/src/public/app/widgets/quick_search.ts
@@ -8,7 +8,7 @@ import shortcutService from "../services/shortcuts.js";
 import { t } from "../services/i18n.js";
 import { Dropdown, Tooltip } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="quick-search input-group input-group-sm">
   <style>
     .quick-search {
diff --git a/src/public/app/widgets/ribbon_widgets/basic_properties.ts b/src/public/app/widgets/ribbon_widgets/basic_properties.ts
index 45b64d3b1..b78e80a8d 100644
--- a/src/public/app/widgets/ribbon_widgets/basic_properties.ts
+++ b/src/public/app/widgets/ribbon_widgets/basic_properties.ts
@@ -9,7 +9,7 @@ import TemplateSwitchWidget from "../template_switch.js";
 import type FNote from "../../entities/fnote.js";
 import NoteLanguageWidget from "../note_language.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="basic-properties-widget">
     <style>
         .basic-properties-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/book_properties.ts b/src/public/app/widgets/ribbon_widgets/book_properties.ts
index 1acb565d1..f1a06f640 100644
--- a/src/public/app/widgets/ribbon_widgets/book_properties.ts
+++ b/src/public/app/widgets/ribbon_widgets/book_properties.ts
@@ -4,7 +4,7 @@ import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="book-properties-widget">
     <style>
         .book-properties-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.ts b/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.ts
index 2afc7f5b9..0b629a1b2 100644
--- a/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.ts
+++ b/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.ts
@@ -3,7 +3,7 @@ import options from "../../services/options.js";
 import utils from "../../services/utils.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `\
+const TPL = /*html*/`\
 <div class="classic-toolbar-widget"></div>
 
 <style>
diff --git a/src/public/app/widgets/ribbon_widgets/edited_notes.ts b/src/public/app/widgets/ribbon_widgets/edited_notes.ts
index 332d52fb7..4c8d79abe 100644
--- a/src/public/app/widgets/ribbon_widgets/edited_notes.ts
+++ b/src/public/app/widgets/ribbon_widgets/edited_notes.ts
@@ -6,7 +6,7 @@ import options from "../../services/options.js";
 import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="edited-notes-widget">
     <style>
         .edited-notes-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/file_properties.ts b/src/public/app/widgets/ribbon_widgets/file_properties.ts
index 5716f0b05..b6fc1082d 100644
--- a/src/public/app/widgets/ribbon_widgets/file_properties.ts
+++ b/src/public/app/widgets/ribbon_widgets/file_properties.ts
@@ -7,7 +7,7 @@ import protectedSessionHolder from "../../services/protected_session_holder.js";
 import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="file-properties-widget">
     <style>
         .file-table {
diff --git a/src/public/app/widgets/ribbon_widgets/image_properties.ts b/src/public/app/widgets/ribbon_widgets/image_properties.ts
index a3a21b590..7412561e7 100644
--- a/src/public/app/widgets/ribbon_widgets/image_properties.ts
+++ b/src/public/app/widgets/ribbon_widgets/image_properties.ts
@@ -6,7 +6,7 @@ import utils from "../../services/utils.js";
 import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="image-properties">
     <div style="display: flex; justify-content: space-evenly; margin: 10px;">
         <span>
diff --git a/src/public/app/widgets/ribbon_widgets/inherited_attribute_list.ts b/src/public/app/widgets/ribbon_widgets/inherited_attribute_list.ts
index 667f12753..2e2ac4615 100644
--- a/src/public/app/widgets/ribbon_widgets/inherited_attribute_list.ts
+++ b/src/public/app/widgets/ribbon_widgets/inherited_attribute_list.ts
@@ -6,7 +6,7 @@ import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="inherited-attributes-widget">
     <style>
     .inherited-attributes-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/note_info_widget.ts b/src/public/app/widgets/ribbon_widgets/note_info_widget.ts
index de24c5f33..efe95007d 100644
--- a/src/public/app/widgets/ribbon_widgets/note_info_widget.ts
+++ b/src/public/app/widgets/ribbon_widgets/note_info_widget.ts
@@ -6,7 +6,7 @@ import utils from "../../services/utils.js";
 import type { EventData } from "../../components/app_context.js";
 import type FNote from "../../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-info-widget">
     <style>
         .note-info-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/note_map.ts b/src/public/app/widgets/ribbon_widgets/note_map.ts
index 94a467879..b44cbc8f9 100644
--- a/src/public/app/widgets/ribbon_widgets/note_map.ts
+++ b/src/public/app/widgets/ribbon_widgets/note_map.ts
@@ -2,7 +2,7 @@ import NoteContextAwareWidget from "../note_context_aware_widget.js";
 import NoteMapWidget from "../note_map.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-map-ribbon-widget">
     <style>
         .note-map-ribbon-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/note_paths.ts b/src/public/app/widgets/ribbon_widgets/note_paths.ts
index 986758992..961878589 100644
--- a/src/public/app/widgets/ribbon_widgets/note_paths.ts
+++ b/src/public/app/widgets/ribbon_widgets/note_paths.ts
@@ -6,7 +6,7 @@ import type FNote from "../../entities/fnote.js";
 import type { NotePathRecord } from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-paths-widget">
     <style>
     .note-paths-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/note_properties.ts b/src/public/app/widgets/ribbon_widgets/note_properties.ts
index 4be3654dd..eb104411d 100644
--- a/src/public/app/widgets/ribbon_widgets/note_properties.ts
+++ b/src/public/app/widgets/ribbon_widgets/note_properties.ts
@@ -2,7 +2,7 @@ import type FNote from "../../entities/fnote.js";
 import { t } from "../../services/i18n.js";
 import NoteContextAwareWidget from "../note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-properties-widget">
     <style>
         .note-properties-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/owned_attribute_list.ts b/src/public/app/widgets/ribbon_widgets/owned_attribute_list.ts
index af0ac5bb2..dab466569 100644
--- a/src/public/app/widgets/ribbon_widgets/owned_attribute_list.ts
+++ b/src/public/app/widgets/ribbon_widgets/owned_attribute_list.ts
@@ -5,7 +5,7 @@ import AttributeEditorWidget from "../attribute_widgets/attribute_editor.js";
 import type { CommandListenerData } from "../../components/app_context.js";
 import type FAttribute from "../../entities/fattribute.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="attribute-list">
     <style>
         .attribute-list {
diff --git a/src/public/app/widgets/ribbon_widgets/promoted_attributes.ts b/src/public/app/widgets/ribbon_widgets/promoted_attributes.ts
index d388835d5..861fef657 100644
--- a/src/public/app/widgets/ribbon_widgets/promoted_attributes.ts
+++ b/src/public/app/widgets/ribbon_widgets/promoted_attributes.ts
@@ -12,7 +12,7 @@ import type { Attribute } from "../../services/attribute_parser.js";
 import type FAttribute from "../../entities/fattribute.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="promoted-attributes-widget">
     <style>
     body.mobile .promoted-attributes-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/script_executor.ts b/src/public/app/widgets/ribbon_widgets/script_executor.ts
index 9275956a6..3b0b96278 100644
--- a/src/public/app/widgets/ribbon_widgets/script_executor.ts
+++ b/src/public/app/widgets/ribbon_widgets/script_executor.ts
@@ -3,7 +3,7 @@ import keyboardActionService from "../../services/keyboard_actions.js";
 import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="script-runner-widget">
     <style>
         .script-runner-widget {
diff --git a/src/public/app/widgets/ribbon_widgets/search_definition.ts b/src/public/app/widgets/ribbon_widgets/search_definition.ts
index 08df15426..b0f19d3ec 100644
--- a/src/public/app/widgets/ribbon_widgets/search_definition.ts
+++ b/src/public/app/widgets/ribbon_widgets/search_definition.ts
@@ -20,7 +20,7 @@ import { Dropdown } from "bootstrap";
 import type FNote from "../../entities/fnote.js";
 import type { AttributeType } from "../../entities/fattribute.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="search-definition-widget">
     <style>
     .search-setting-table {
diff --git a/src/public/app/widgets/ribbon_widgets/similar_notes.ts b/src/public/app/widgets/ribbon_widgets/similar_notes.ts
index c35469471..e8e867b64 100644
--- a/src/public/app/widgets/ribbon_widgets/similar_notes.ts
+++ b/src/public/app/widgets/ribbon_widgets/similar_notes.ts
@@ -6,7 +6,7 @@ import NoteContextAwareWidget from "../note_context_aware_widget.js";
 import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="similar-notes-widget">
     <style>
     .similar-notes-wrapper {
diff --git a/src/public/app/widgets/scroll_padding.ts b/src/public/app/widgets/scroll_padding.ts
index 3c10cf7b2..84c96c31b 100644
--- a/src/public/app/widgets/scroll_padding.ts
+++ b/src/public/app/widgets/scroll_padding.ts
@@ -1,6 +1,6 @@
 import NoteContextAwareWidget from "./note_context_aware_widget.js";
 
-const TPL = `<div class="scroll-padding-widget"></div>`;
+const TPL = /*html*/`<div class="scroll-padding-widget"></div>`;
 
 export default class ScrollPaddingWidget extends NoteContextAwareWidget {
 
diff --git a/src/public/app/widgets/search_options/ancestor.ts b/src/public/app/widgets/search_options/ancestor.ts
index f4de446bf..8a29b675a 100644
--- a/src/public/app/widgets/search_options/ancestor.ts
+++ b/src/public/app/widgets/search_options/ancestor.ts
@@ -2,7 +2,7 @@ import AbstractSearchOption from "./abstract_search_option.js";
 import noteAutocompleteService from "../../services/note_autocomplete.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td colspan="2">
         <div style="display: flex; align-items: center;">
diff --git a/src/public/app/widgets/search_options/debug.ts b/src/public/app/widgets/search_options/debug.ts
index 46d314fca..fb19541b4 100644
--- a/src/public/app/widgets/search_options/debug.ts
+++ b/src/public/app/widgets/search_options/debug.ts
@@ -1,7 +1,7 @@
 import AbstractSearchOption from "./abstract_search_option.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr data-search-option-conf="debug">
     <td colSpan="2">
         <span class="bx bx-bug"></span>
diff --git a/src/public/app/widgets/search_options/fast_search.ts b/src/public/app/widgets/search_options/fast_search.ts
index 70b89619a..52cc4acfc 100644
--- a/src/public/app/widgets/search_options/fast_search.ts
+++ b/src/public/app/widgets/search_options/fast_search.ts
@@ -1,7 +1,7 @@
 import AbstractSearchOption from "./abstract_search_option.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr data-search-option-conf="fastSearch">
     <td colSpan="2">
         <span class="bx bx-run"></span>
diff --git a/src/public/app/widgets/search_options/include_archived_notes.ts b/src/public/app/widgets/search_options/include_archived_notes.ts
index ad7754196..7e8eea778 100644
--- a/src/public/app/widgets/search_options/include_archived_notes.ts
+++ b/src/public/app/widgets/search_options/include_archived_notes.ts
@@ -1,7 +1,7 @@
 import AbstractSearchOption from "./abstract_search_option.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr data-search-option-conf="includeArchivedNotes">
     <td colspan="2">
         <span class="bx bx-archive"></span>
diff --git a/src/public/app/widgets/search_options/limit.ts b/src/public/app/widgets/search_options/limit.ts
index ffd210d4c..20fe0ec0a 100644
--- a/src/public/app/widgets/search_options/limit.ts
+++ b/src/public/app/widgets/search_options/limit.ts
@@ -1,7 +1,7 @@
 import AbstractSearchOption from "./abstract_search_option.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr data-search-option-conf="limit">
     <td class="title-column">
         <span class="bx bx-stop"></span>
diff --git a/src/public/app/widgets/search_options/order_by.ts b/src/public/app/widgets/search_options/order_by.ts
index 28c8b10f3..491693c84 100644
--- a/src/public/app/widgets/search_options/order_by.ts
+++ b/src/public/app/widgets/search_options/order_by.ts
@@ -1,7 +1,7 @@
 import AbstractSearchOption from "./abstract_search_option.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr data-search-option-conf="orderBy">
     <td class="title-column">
         <span class="bx bx-arrow-from-top"></span>
diff --git a/src/public/app/widgets/search_options/search_script.ts b/src/public/app/widgets/search_options/search_script.ts
index add0885a7..d93a64a83 100644
--- a/src/public/app/widgets/search_options/search_script.ts
+++ b/src/public/app/widgets/search_options/search_script.ts
@@ -2,7 +2,7 @@ import AbstractSearchOption from "./abstract_search_option.js";
 import noteAutocompleteService from "../../services/note_autocomplete.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td class="title-column">
         ${t("search_script.title")}
diff --git a/src/public/app/widgets/search_options/search_string.ts b/src/public/app/widgets/search_options/search_string.ts
index ce5905eef..b3a6aaa39 100644
--- a/src/public/app/widgets/search_options/search_string.ts
+++ b/src/public/app/widgets/search_options/search_string.ts
@@ -6,7 +6,7 @@ import appContext, { type EventData } from "../../components/app_context.js";
 import { t } from "../../services/i18n.js";
 import { Tooltip } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <tr>
     <td class="title-column">${t("search_string.title_column")}</td>
     <td>
diff --git a/src/public/app/widgets/search_result.ts b/src/public/app/widgets/search_result.ts
index d1f72f08b..635ad191e 100644
--- a/src/public/app/widgets/search_result.ts
+++ b/src/public/app/widgets/search_result.ts
@@ -4,7 +4,7 @@ import NoteListRenderer from "../services/note_list_renderer.js";
 import type FNote from "../entities/fnote.js";
 import type { EventData } from "../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="search-result-widget">
     <style>
     .search-result-widget {
diff --git a/src/public/app/widgets/shared_info.ts b/src/public/app/widgets/shared_info.ts
index 64b5c568f..b6170a3c7 100644
--- a/src/public/app/widgets/shared_info.ts
+++ b/src/public/app/widgets/shared_info.ts
@@ -5,7 +5,7 @@ import { t } from "../services/i18n.js";
 import type FNote from "../entities/fnote.js";
 import type { EventData } from "../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="shared-info-widget alert alert-warning use-tn-links">
     <style>
         .shared-info-widget {
diff --git a/src/public/app/widgets/spacer.ts b/src/public/app/widgets/spacer.ts
index f6ce560e1..bb50e90d2 100644
--- a/src/public/app/widgets/spacer.ts
+++ b/src/public/app/widgets/spacer.ts
@@ -4,7 +4,7 @@ import contextMenu from "../menus/context_menu.js";
 import appContext, { type CommandNames } from "../components/app_context.js";
 import utils from "../services/utils.js";
 
-const TPL = `<div class="spacer"></div>`;
+const TPL = /*html*/`<div class="spacer"></div>`;
 
 export default class SpacerWidget extends BasicWidget {
     private baseSize: number;
diff --git a/src/public/app/widgets/sql_result.ts b/src/public/app/widgets/sql_result.ts
index a75dcb9c4..f9f579315 100644
--- a/src/public/app/widgets/sql_result.ts
+++ b/src/public/app/widgets/sql_result.ts
@@ -2,7 +2,7 @@ import type { EventData } from "../components/app_context.js";
 import { t } from "../services/i18n.js";
 import NoteContextAwareWidget from "./note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="sql-result-widget">
     <style>
     .sql-result-widget {
diff --git a/src/public/app/widgets/sql_table_schemas.ts b/src/public/app/widgets/sql_table_schemas.ts
index e21fc8abc..5a15881c4 100644
--- a/src/public/app/widgets/sql_table_schemas.ts
+++ b/src/public/app/widgets/sql_table_schemas.ts
@@ -3,7 +3,7 @@ import NoteContextAwareWidget from "./note_context_aware_widget.js";
 import server from "../services/server.js";
 import type FNote from "../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="sql-table-schemas-widget">
     <style>
     .sql-table-schemas-widget {
diff --git a/src/public/app/widgets/switch.ts b/src/public/app/widgets/switch.ts
index 9e7d61bf1..166165fc1 100644
--- a/src/public/app/widgets/switch.ts
+++ b/src/public/app/widgets/switch.ts
@@ -1,7 +1,7 @@
 import { t } from "../services/i18n.js";
 import NoteContextAwareWidget from "./note_context_aware_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="switch-widget">
     <style>
     .switch-widget {
diff --git a/src/public/app/widgets/sync_status.ts b/src/public/app/widgets/sync_status.ts
index dc413c410..ce26b6078 100644
--- a/src/public/app/widgets/sync_status.ts
+++ b/src/public/app/widgets/sync_status.ts
@@ -6,7 +6,7 @@ import syncService from "../services/sync.js";
 import { escapeQuotes } from "../services/utils.js";
 import { Tooltip } from "bootstrap";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="sync-status-widget launcher-button">
     <style>
     .sync-status-widget {
diff --git a/src/public/app/widgets/title_bar_buttons.ts b/src/public/app/widgets/title_bar_buttons.ts
index d8e389dfd..9807262c1 100644
--- a/src/public/app/widgets/title_bar_buttons.ts
+++ b/src/public/app/widgets/title_bar_buttons.ts
@@ -2,7 +2,7 @@ import BasicWidget from "./basic_widget.js";
 import options from "../services/options.js";
 import utils from "../services/utils.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="title-bar-buttons">
     <style>
     .title-bar-buttons {
@@ -20,7 +20,7 @@ const TPL = `
         align-items: center;
         justify-content: center;
     }
-    
+
     .title-bar-buttons div:hover button {
         background-color: var(--accented-background-color) !important;
     }
@@ -29,14 +29,14 @@ const TPL = `
         display: inline-block;
         height: 40px;
         width: 40px;
-    }    
+    }
 
     .title-bar-buttons .btn.focus, .title-bar-buttons .btn:focus {
         box-shadow: none;
     }
     </style>
 
-    <!-- divs act as a hitbox for the buttons, making them clickable on corners -->    
+    <!-- divs act as a hitbox for the buttons, making them clickable on corners -->
     <div class="minimize-btn"><button class="btn bx bx-minus"></button></div>
     <div class="maximize-btn"><button class="btn bx bx-checkbox"></button></div>
     <div class="close-btn"><button class="btn bx bx-x"></button></div>
diff --git a/src/public/app/widgets/toc.ts b/src/public/app/widgets/toc.ts
index db15ba6a8..5c9a4b3e8 100644
--- a/src/public/app/widgets/toc.ts
+++ b/src/public/app/widgets/toc.ts
@@ -22,7 +22,7 @@ import appContext, { type EventData } from "../components/app_context.js";
 import libraryLoader from "../services/library_loader.js";
 import type FNote from "../entities/fnote.js";
 
-const TPL = `<div class="toc-widget">
+const TPL = /*html*/`<div class="toc-widget">
     <style>
         .toc-widget {
             padding: 10px;
diff --git a/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts b/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts
index 8dbb3e8e4..72bb6bb23 100644
--- a/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts
+++ b/src/public/app/widgets/type_widgets/abstract_split_type_widget.ts
@@ -9,7 +9,7 @@ import type SwitchSplitOrientationButton from "../floating_buttons/switch_layout
 import type { EventData } from "../../components/app_context.js";
 import type OnClickButtonWidget from "../buttons/onclick_button.js";
 
-const TPL = `\
+const TPL = /*html*/`\
 <div class="note-detail-split note-detail-printable">
     <div class="note-detail-split-editor-col">
         <div class="note-detail-split-editor"></div>
diff --git a/src/public/app/widgets/type_widgets/attachment_detail.ts b/src/public/app/widgets/type_widgets/attachment_detail.ts
index a89954d23..9dbfa5210 100644
--- a/src/public/app/widgets/type_widgets/attachment_detail.ts
+++ b/src/public/app/widgets/type_widgets/attachment_detail.ts
@@ -7,7 +7,7 @@ import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="attachment-detail note-detail-printable">
     <style>
         .attachment-detail {
diff --git a/src/public/app/widgets/type_widgets/attachment_list.ts b/src/public/app/widgets/type_widgets/attachment_list.ts
index 937efb9d8..cdb5161bc 100644
--- a/src/public/app/widgets/type_widgets/attachment_list.ts
+++ b/src/public/app/widgets/type_widgets/attachment_list.ts
@@ -5,7 +5,7 @@ import utils from "../../services/utils.js";
 import { t } from "../../services/i18n.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="attachment-list note-detail-printable">
     <style>
         .attachment-list {
diff --git a/src/public/app/widgets/type_widgets/book.ts b/src/public/app/widgets/type_widgets/book.ts
index e708483f4..9b11129bb 100644
--- a/src/public/app/widgets/type_widgets/book.ts
+++ b/src/public/app/widgets/type_widgets/book.ts
@@ -3,7 +3,7 @@ import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-book note-detail-printable">
     <style>
     .note-detail-book-auto-help {
diff --git a/src/public/app/widgets/type_widgets/canvas.ts b/src/public/app/widgets/type_widgets/canvas.ts
index 777f35962..abaebd692 100644
--- a/src/public/app/widgets/type_widgets/canvas.ts
+++ b/src/public/app/widgets/type_widgets/canvas.ts
@@ -11,7 +11,7 @@ import type React from "react";
 import type { Root } from "react-dom/client";
 import "@excalidraw/excalidraw/index.css";
 
-const TPL = `
+const TPL = /*html*/`
     <div class="canvas-widget note-detail-canvas note-detail-printable note-detail">
         <style>
         .excalidraw .App-menu_top .buttonList {
diff --git a/src/public/app/widgets/type_widgets/content/backend_log.ts b/src/public/app/widgets/type_widgets/content/backend_log.ts
index 308dede74..efd8ff6ff 100644
--- a/src/public/app/widgets/type_widgets/content/backend_log.ts
+++ b/src/public/app/widgets/type_widgets/content/backend_log.ts
@@ -2,7 +2,7 @@ import server from "../../../services/server.js";
 import AbstractCodeTypeWidget from "../abstract_code_type_widget.js";
 import type { EventData } from "../../../components/app_context.js";
 
-const TPL = `<div style="height: 100%; display: flex; flex-direction: column;">
+const TPL = /*html*/`<div style="height: 100%; display: flex; flex-direction: column;">
     <style>
         .backend-log-editor {
             flex-grow: 1;
diff --git a/src/public/app/widgets/type_widgets/content_widget.ts b/src/public/app/widgets/type_widgets/content_widget.ts
index 0a4f8f15f..c187adb1f 100644
--- a/src/public/app/widgets/type_widgets/content_widget.ts
+++ b/src/public/app/widgets/type_widgets/content_widget.ts
@@ -44,7 +44,7 @@ import LanguageOptions from "./options/i18n/language.js";
 import type { EventData, EventNames } from "../../components/app_context.js";
 import type BasicWidget from "../basic_widget.js";
 
-const TPL = `<div class="note-detail-content-widget note-detail-printable">
+const TPL = /*html*/`<div class="note-detail-content-widget note-detail-printable">
     <style>
         .type-contentWidget .note-detail {
             height: 100%;
diff --git a/src/public/app/widgets/type_widgets/doc.ts b/src/public/app/widgets/type_widgets/doc.ts
index 12f82037d..477caea85 100644
--- a/src/public/app/widgets/type_widgets/doc.ts
+++ b/src/public/app/widgets/type_widgets/doc.ts
@@ -3,7 +3,7 @@ import type FNote from "../../entities/fnote.js";
 import renderDoc from "../../services/doc_renderer.js";
 import TypeWidget from "./type_widget.js";
 
-const TPL = `<div class="note-detail-doc note-detail-printable">
+const TPL = /*html*/`<div class="note-detail-doc note-detail-printable">
     <style>
         .note-detail-doc-content {
             padding: 15px;
diff --git a/src/public/app/widgets/type_widgets/editable_code.ts b/src/public/app/widgets/type_widgets/editable_code.ts
index 6b6893736..e27bfa079 100644
--- a/src/public/app/widgets/type_widgets/editable_code.ts
+++ b/src/public/app/widgets/type_widgets/editable_code.ts
@@ -5,7 +5,7 @@ import keyboardActionService from "../../services/keyboard_actions.js";
 import options from "../../services/options.js";
 import AbstractCodeTypeWidget from "./abstract_code_type_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-code note-detail-printable">
     <style>
     .note-detail-code {
diff --git a/src/public/app/widgets/type_widgets/editable_text.ts b/src/public/app/widgets/type_widgets/editable_text.ts
index 71b31b2a0..7c8b807a0 100644
--- a/src/public/app/widgets/type_widgets/editable_text.ts
+++ b/src/public/app/widgets/type_widgets/editable_text.ts
@@ -37,7 +37,7 @@ const mentionSetup: MentionConfig = {
     ]
 };
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-editable-text note-detail-printable">
     <style>
     .note-detail-editable-text {
diff --git a/src/public/app/widgets/type_widgets/empty.ts b/src/public/app/widgets/type_widgets/empty.ts
index e2a79e0c4..231f16fbe 100644
--- a/src/public/app/widgets/type_widgets/empty.ts
+++ b/src/public/app/widgets/type_widgets/empty.ts
@@ -5,7 +5,7 @@ import searchService from "../../services/search.js";
 import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-empty note-detail-printable">
     <style>
         .workspace-notes {
diff --git a/src/public/app/widgets/type_widgets/file.ts b/src/public/app/widgets/type_widgets/file.ts
index 38f1738e7..b9e28103c 100644
--- a/src/public/app/widgets/type_widgets/file.ts
+++ b/src/public/app/widgets/type_widgets/file.ts
@@ -6,7 +6,7 @@ import type FNote from "../../entities/fnote.js";
 
 const TEXT_MAX_NUM_CHARS = 5000;
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-file note-detail-printable">
     <style>
         .type-file .note-detail {
diff --git a/src/public/app/widgets/type_widgets/geo_map.ts b/src/public/app/widgets/type_widgets/geo_map.ts
index dddccbac8..dbcebdeb3 100644
--- a/src/public/app/widgets/type_widgets/geo_map.ts
+++ b/src/public/app/widgets/type_widgets/geo_map.ts
@@ -14,7 +14,7 @@ import link from "../../services/link.js";
 import note_tooltip from "../../services/note_tooltip.js";
 import appContext from "../../components/app_context.js";
 
-const TPL = `\
+const TPL = /*html*/`\
 <div class="note-detail-geo-map note-detail-printable">
     <style>
         .leaflet-pane {
diff --git a/src/public/app/widgets/type_widgets/image.ts b/src/public/app/widgets/type_widgets/image.ts
index e082fd003..e4afcbe1e 100644
--- a/src/public/app/widgets/type_widgets/image.ts
+++ b/src/public/app/widgets/type_widgets/image.ts
@@ -6,7 +6,7 @@ import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
 import WheelZoom from 'vanilla-js-wheel-zoom';
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-image note-detail-printable">
     <style>
         .type-image .note-detail {
diff --git a/src/public/app/widgets/type_widgets/mind_map.ts b/src/public/app/widgets/type_widgets/mind_map.ts
index e48722a3a..83af55f4e 100644
--- a/src/public/app/widgets/type_widgets/mind_map.ts
+++ b/src/public/app/widgets/type_widgets/mind_map.ts
@@ -10,7 +10,7 @@ import "@mind-elixir/node-menu/dist/style.css";
 
 const NEW_TOPIC_NAME = "";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-mind-map note-detail-printable">
     <div class="mind-map-container">
     </div>
diff --git a/src/public/app/widgets/type_widgets/none.ts b/src/public/app/widgets/type_widgets/none.ts
index da1d32abc..41d6631bf 100644
--- a/src/public/app/widgets/type_widgets/none.ts
+++ b/src/public/app/widgets/type_widgets/none.ts
@@ -1,6 +1,6 @@
 import TypeWidget from "./type_widget.js";
 
-const TPL = `<div class="note-detail-none note-detail-printable"></div>`;
+const TPL = /*html*/`<div class="note-detail-none note-detail-printable"></div>`;
 
 export default class NoneTypeWidget extends TypeWidget {
     static getType() {
diff --git a/src/public/app/widgets/type_widgets/note_map.ts b/src/public/app/widgets/type_widgets/note_map.ts
index c942b3d89..33608aef3 100644
--- a/src/public/app/widgets/type_widgets/note_map.ts
+++ b/src/public/app/widgets/type_widgets/note_map.ts
@@ -2,7 +2,7 @@ import TypeWidget from "./type_widget.js";
 import NoteMapWidget from "../note_map.js";
 import type FNote from "../../entities/fnote.js";
 
-const TPL = `<div class="note-detail-note-map note-detail-printable"></div>`;
+const TPL = /*html*/`<div class="note-detail-note-map note-detail-printable"></div>`;
 
 export default class NoteMapTypeWidget extends TypeWidget {
 
diff --git a/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.ts b/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.ts
index 42cf854e0..2726a489b 100644
--- a/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.ts
+++ b/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.ts
@@ -4,7 +4,7 @@ import server from "../../../../services/server.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <style>
         .database-database-anonymization-option {
diff --git a/src/public/app/widgets/type_widgets/options/advanced/database_integrity_check.ts b/src/public/app/widgets/type_widgets/options/advanced/database_integrity_check.ts
index 60c0f880e..02eaba69c 100644
--- a/src/public/app/widgets/type_widgets/options/advanced/database_integrity_check.ts
+++ b/src/public/app/widgets/type_widgets/options/advanced/database_integrity_check.ts
@@ -3,7 +3,7 @@ import toastService from "../../../../services/toast.js";
 import server from "../../../../services/server.js";
 import { t } from "../../../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("database_integrity_check.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/advanced/sync.ts b/src/public/app/widgets/type_widgets/options/advanced/sync.ts
index 67f5c66eb..39eee0f97 100644
--- a/src/public/app/widgets/type_widgets/options/advanced/sync.ts
+++ b/src/public/app/widgets/type_widgets/options/advanced/sync.ts
@@ -4,7 +4,7 @@ import toastService from "../../../../services/toast.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("sync.title")}</h4>
     <button class="force-full-sync-button btn btn-secondary">${t("sync.force_full_sync_button")}</button>
diff --git a/src/public/app/widgets/type_widgets/options/advanced/vacuum_database.ts b/src/public/app/widgets/type_widgets/options/advanced/vacuum_database.ts
index fb45c31b6..5adce3c70 100644
--- a/src/public/app/widgets/type_widgets/options/advanced/vacuum_database.ts
+++ b/src/public/app/widgets/type_widgets/options/advanced/vacuum_database.ts
@@ -3,7 +3,7 @@ import toastService from "../../../../services/toast.js";
 import server from "../../../../services/server.js";
 import { t } from "../../../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("vacuum_database.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/appearance/code_block.ts b/src/public/app/widgets/type_widgets/options/appearance/code_block.ts
index deec1f744..2ed221088 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/code_block.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/code_block.ts
@@ -21,7 +21,7 @@ function greet(times) {
 }
 `;
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("highlighting.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts b/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts
index 86e614890..2a0181dd4 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts
@@ -3,7 +3,7 @@ import { t } from "../../../../services/i18n.js";
 import utils from "../../../../services/utils.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("electron_integration.desktop-application")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/appearance/fonts.ts b/src/public/app/widgets/type_widgets/options/appearance/fonts.ts
index 55894c64e..d9f68f5b7 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/fonts.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/fonts.ts
@@ -50,7 +50,7 @@ const FONT_FAMILIES: FontGroup[] = [
     }
 ];
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("fonts.fonts")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts b/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts
index 9be4cb942..7b6bccff1 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts
@@ -5,7 +5,7 @@ import type { OptionMap } from "../../../../../../services/options_interface.js"
 
 const MIN_VALUE = 640;
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("max_content_width.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts b/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts
index 5b4c0557a..257dac0ee 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts
@@ -2,7 +2,7 @@ import type { OptionMap } from "../../../../../../services/options_interface.js"
 import { t } from "../../../../services/i18n.js";
 import OptionsWidget from "../options_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("ribbon.widgets")}</h4>
     <div>
diff --git a/src/public/app/widgets/type_widgets/options/appearance/theme.ts b/src/public/app/widgets/type_widgets/options/appearance/theme.ts
index a50e74586..17a88c3b6 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/theme.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/theme.ts
@@ -4,7 +4,7 @@ import utils from "../../../../services/utils.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("theme.layout")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/backup.ts b/src/public/app/widgets/type_widgets/options/backup.ts
index ae0978335..808f91e92 100644
--- a/src/public/app/widgets/type_widgets/options/backup.ts
+++ b/src/public/app/widgets/type_widgets/options/backup.ts
@@ -5,7 +5,7 @@ import server from "../../../services/server.js";
 import toastService from "../../../services/toast.js";
 import type { OptionMap } from "../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("backup.automatic_backup")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/code_notes/code_auto_read_only_size.ts b/src/public/app/widgets/type_widgets/options/code_notes/code_auto_read_only_size.ts
index 7e6473919..17cd0bb35 100644
--- a/src/public/app/widgets/type_widgets/options/code_notes/code_auto_read_only_size.ts
+++ b/src/public/app/widgets/type_widgets/options/code_notes/code_auto_read_only_size.ts
@@ -2,7 +2,7 @@ import type { OptionMap } from "../../../../../../services/options_interface.js"
 import { t } from "../../../../services/i18n.js";
 import OptionsWidget from "../options_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("code_auto_read_only_size.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/code_notes/code_editor.ts b/src/public/app/widgets/type_widgets/options/code_notes/code_editor.ts
index a97546916..728a58f81 100644
--- a/src/public/app/widgets/type_widgets/options/code_notes/code_editor.ts
+++ b/src/public/app/widgets/type_widgets/options/code_notes/code_editor.ts
@@ -2,7 +2,7 @@ import OptionsWidget from "../options_widget.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("code-editor-options.title")}</h4>
     <label class="tn-checkbox">
diff --git a/src/public/app/widgets/type_widgets/options/code_notes/code_mime_types.ts b/src/public/app/widgets/type_widgets/options/code_notes/code_mime_types.ts
index 84aa2628a..b8250f67d 100644
--- a/src/public/app/widgets/type_widgets/options/code_notes/code_mime_types.ts
+++ b/src/public/app/widgets/type_widgets/options/code_notes/code_mime_types.ts
@@ -3,7 +3,7 @@ import OptionsWidget from "../options_widget.js";
 import mimeTypesService from "../../../../services/mime_types.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("code_mime_types.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/etapi.ts b/src/public/app/widgets/type_widgets/options/etapi.ts
index b2dd9c42d..50360a77a 100644
--- a/src/public/app/widgets/type_widgets/options/etapi.ts
+++ b/src/public/app/widgets/type_widgets/options/etapi.ts
@@ -5,7 +5,7 @@ import OptionsWidget from "./options_widget.js";
 import server from "../../../services/server.js";
 import toastService from "../../../services/toast.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="etapi-options-section options-section">
     <h4>${t("etapi.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/i18n/i18n.ts b/src/public/app/widgets/type_widgets/options/i18n/i18n.ts
index e4324393d..27389eb64 100644
--- a/src/public/app/widgets/type_widgets/options/i18n/i18n.ts
+++ b/src/public/app/widgets/type_widgets/options/i18n/i18n.ts
@@ -5,7 +5,7 @@ import { getAvailableLocales, t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 import type { Locale } from "../../../../../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("i18n.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/i18n/language.ts b/src/public/app/widgets/type_widgets/options/i18n/language.ts
index 6f5124da6..4ccf18550 100644
--- a/src/public/app/widgets/type_widgets/options/i18n/language.ts
+++ b/src/public/app/widgets/type_widgets/options/i18n/language.ts
@@ -3,7 +3,7 @@ import type { OptionMap } from "../../../../../../services/options_interface.js"
 import { getAvailableLocales } from "../../../../services/i18n.js";
 import { t } from "i18next";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("content_language.title")}</h4>
     <p class="form-text">${t("content_language.description")}</p>
diff --git a/src/public/app/widgets/type_widgets/options/images/images.ts b/src/public/app/widgets/type_widgets/options/images/images.ts
index bc686d01f..da2005fef 100644
--- a/src/public/app/widgets/type_widgets/options/images/images.ts
+++ b/src/public/app/widgets/type_widgets/options/images/images.ts
@@ -2,7 +2,7 @@ import OptionsWidget from "../options_widget.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <style>
         .options-section .disabled-field {
diff --git a/src/public/app/widgets/type_widgets/options/multi_factor_authentication.ts b/src/public/app/widgets/type_widgets/options/multi_factor_authentication.ts
index c369e676f..d75a6a7bc 100644
--- a/src/public/app/widgets/type_widgets/options/multi_factor_authentication.ts
+++ b/src/public/app/widgets/type_widgets/options/multi_factor_authentication.ts
@@ -6,7 +6,7 @@ import { t } from "../../../services/i18n.js";
 import utils from "../../../services/utils.js";
 import dialogService from "../../../services/dialog.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("multi_factor_authentication.title")}</h4>
     <p class="form-text">${t("multi_factor_authentication.description")}</p>
diff --git a/src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.ts b/src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.ts
index 7ccf51058..afb75522b 100644
--- a/src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.ts
+++ b/src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.ts
@@ -4,7 +4,7 @@ import toastService from "../../../../services/toast.js";
 import { t } from "../../../../services/i18n.js";
 import TimeSelector from "../time_selector.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("attachment_erasure_timeout.attachment_erasure_timeout")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/other/html_import_tags.ts b/src/public/app/widgets/type_widgets/options/other/html_import_tags.ts
index 1b4f559c4..61542ea62 100644
--- a/src/public/app/widgets/type_widgets/options/other/html_import_tags.ts
+++ b/src/public/app/widgets/type_widgets/options/other/html_import_tags.ts
@@ -101,7 +101,7 @@ export const DEFAULT_ALLOWED_TAGS = [
     "tt"
 ];
 
-const TPL = `
+const TPL = /*html*/`
 <div class="html-import-tags-settings options-section">
     <style>
         .html-import-tags-settings .allowed-html-tags {
diff --git a/src/public/app/widgets/type_widgets/options/other/network_connections.ts b/src/public/app/widgets/type_widgets/options/other/network_connections.ts
index 4a9e86c3b..90f0bbb78 100644
--- a/src/public/app/widgets/type_widgets/options/other/network_connections.ts
+++ b/src/public/app/widgets/type_widgets/options/other/network_connections.ts
@@ -2,7 +2,7 @@ import OptionsWidget from "../options_widget.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("network_connections.network_connections_title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts b/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
index 1b282e921..343834006 100644
--- a/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
+++ b/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
@@ -5,7 +5,7 @@ import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 import TimeSelector from "../time_selector.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("note_erasure_timeout.note_erasure_timeout_title")}</h4>
     <p class="form-text">${t("note_erasure_timeout.note_erasure_description")}</p>
diff --git a/src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.ts b/src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.ts
index e59b6b503..62781de9f 100644
--- a/src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.ts
+++ b/src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.ts
@@ -4,7 +4,7 @@ import server from "../../../../services/server.js";
 import toastService from "../../../../services/toast.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("revisions_snapshot_limit.note_revisions_snapshot_limit_title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.ts b/src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.ts
index 90b5d2485..9140b0c21 100644
--- a/src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.ts
+++ b/src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.ts
@@ -1,7 +1,7 @@
 import { t } from "../../../../services/i18n.js";
 import TimeSelector from "../time_selector.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("revisions_snapshot_interval.note_revisions_snapshot_interval_title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/other/search_engine.ts b/src/public/app/widgets/type_widgets/options/other/search_engine.ts
index dfaf27ecc..345d3dc47 100644
--- a/src/public/app/widgets/type_widgets/options/other/search_engine.ts
+++ b/src/public/app/widgets/type_widgets/options/other/search_engine.ts
@@ -3,7 +3,7 @@ import utils from "../../../../services/utils.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("search_engine.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/other/share_settings.ts b/src/public/app/widgets/type_widgets/options/other/share_settings.ts
index 79c556471..1b1eba047 100644
--- a/src/public/app/widgets/type_widgets/options/other/share_settings.ts
+++ b/src/public/app/widgets/type_widgets/options/other/share_settings.ts
@@ -4,7 +4,7 @@ import { t } from "../../../../services/i18n.js";
 import type { OptionMap, OptionNames } from "../../../../../../services/options_interface.js";
 import searchService from "../../../../services/search.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("share.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/other/tray.ts b/src/public/app/widgets/type_widgets/options/other/tray.ts
index 50e15a3ce..e314dd777 100644
--- a/src/public/app/widgets/type_widgets/options/other/tray.ts
+++ b/src/public/app/widgets/type_widgets/options/other/tray.ts
@@ -3,7 +3,7 @@ import { t } from "../../../../services/i18n.js";
 import utils from "../../../../services/utils.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("tray.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/password/password.ts b/src/public/app/widgets/type_widgets/options/password/password.ts
index 330c854be..e61f5e92a 100644
--- a/src/public/app/widgets/type_widgets/options/password/password.ts
+++ b/src/public/app/widgets/type_widgets/options/password/password.ts
@@ -5,7 +5,7 @@ import toastService from "../../../../services/toast.js";
 import OptionsWidget from "../options_widget.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4 class="password-heading">${t("password.heading")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/password/protected_session_timeout.ts b/src/public/app/widgets/type_widgets/options/password/protected_session_timeout.ts
index 99e8e4f6e..060a2e4eb 100644
--- a/src/public/app/widgets/type_widgets/options/password/protected_session_timeout.ts
+++ b/src/public/app/widgets/type_widgets/options/password/protected_session_timeout.ts
@@ -1,7 +1,7 @@
 import { t } from "../../../../services/i18n.js";
 import TimeSelector from "../time_selector.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("password.protected_session_timeout")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/shortcuts.ts b/src/public/app/widgets/type_widgets/options/shortcuts.ts
index 6a34acf1c..c25cbebf4 100644
--- a/src/public/app/widgets/type_widgets/options/shortcuts.ts
+++ b/src/public/app/widgets/type_widgets/options/shortcuts.ts
@@ -6,7 +6,7 @@ import { t } from "../../../services/i18n.js";
 import type { KeyboardShortcut } from "../../../../../services/keyboard_actions_interface.js";
 import type { OptionNames } from "../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section shortcuts-options-section tn-no-card">
     <style>
         .shortcuts-options-section {
diff --git a/src/public/app/widgets/type_widgets/options/sync.ts b/src/public/app/widgets/type_widgets/options/sync.ts
index c97e408ca..f2be3f40d 100644
--- a/src/public/app/widgets/type_widgets/options/sync.ts
+++ b/src/public/app/widgets/type_widgets/options/sync.ts
@@ -4,7 +4,7 @@ import OptionsWidget from "./options_widget.js";
 import { t } from "../../../services/i18n.js";
 import type { OptionMap } from "../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4 style="margin-top: 0px;">${t("sync_2.config_title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/text_notes/editor.ts b/src/public/app/widgets/type_widgets/options/text_notes/editor.ts
index e1c2fe76d..dc5ef53da 100644
--- a/src/public/app/widgets/type_widgets/options/text_notes/editor.ts
+++ b/src/public/app/widgets/type_widgets/options/text_notes/editor.ts
@@ -3,7 +3,7 @@ import { t } from "../../../../services/i18n.js";
 import utils from "../../../../services/utils.js";
 import OptionsWidget from "../options_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section formatting-toolbar">
     <h4>${t("editing.editor_type.label")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/text_notes/heading_style.ts b/src/public/app/widgets/type_widgets/options/text_notes/heading_style.ts
index 0aa89c744..c45ce08ca 100644
--- a/src/public/app/widgets/type_widgets/options/text_notes/heading_style.ts
+++ b/src/public/app/widgets/type_widgets/options/text_notes/heading_style.ts
@@ -2,7 +2,7 @@ import OptionsWidget from "../options_widget.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("heading_style.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/text_notes/highlights_list.ts b/src/public/app/widgets/type_widgets/options/text_notes/highlights_list.ts
index 66beaf7d3..555cdf6eb 100644
--- a/src/public/app/widgets/type_widgets/options/text_notes/highlights_list.ts
+++ b/src/public/app/widgets/type_widgets/options/text_notes/highlights_list.ts
@@ -2,7 +2,7 @@ import OptionsWidget from "../options_widget.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("highlights_list.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/text_notes/table_of_contents.ts b/src/public/app/widgets/type_widgets/options/text_notes/table_of_contents.ts
index abb09ccb5..3ca009426 100644
--- a/src/public/app/widgets/type_widgets/options/text_notes/table_of_contents.ts
+++ b/src/public/app/widgets/type_widgets/options/text_notes/table_of_contents.ts
@@ -2,7 +2,7 @@ import OptionsWidget from "../options_widget.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("table_of_contents.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/options/text_notes/text_auto_read_only_size.ts b/src/public/app/widgets/type_widgets/options/text_notes/text_auto_read_only_size.ts
index 20e3a704b..f69db7a9e 100644
--- a/src/public/app/widgets/type_widgets/options/text_notes/text_auto_read_only_size.ts
+++ b/src/public/app/widgets/type_widgets/options/text_notes/text_auto_read_only_size.ts
@@ -2,7 +2,7 @@ import OptionsWidget from "../options_widget.js";
 import { t } from "../../../../services/i18n.js";
 import type { OptionMap } from "../../../../../../services/options_interface.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="options-section">
     <h4>${t("text_auto_read_only_size.title")}</h4>
 
diff --git a/src/public/app/widgets/type_widgets/protected_session.ts b/src/public/app/widgets/type_widgets/protected_session.ts
index 3575b8052..241acff3e 100644
--- a/src/public/app/widgets/type_widgets/protected_session.ts
+++ b/src/public/app/widgets/type_widgets/protected_session.ts
@@ -2,7 +2,7 @@ import protectedSessionService from "../../services/protected_session.js";
 import TypeWidget from "./type_widget.js";
 import { t } from "../../services/i18n.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="protected-session-password-component note-detail-printable">
     <style>
     .protected-session-password-component {
diff --git a/src/public/app/widgets/type_widgets/read_only_code.ts b/src/public/app/widgets/type_widgets/read_only_code.ts
index cf2aaddbf..14c7f8ed1 100644
--- a/src/public/app/widgets/type_widgets/read_only_code.ts
+++ b/src/public/app/widgets/type_widgets/read_only_code.ts
@@ -2,7 +2,7 @@ import type { EventData } from "../../components/app_context.js";
 import type FNote from "../../entities/fnote.js";
 import AbstractCodeTypeWidget from "./abstract_code_type_widget.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-readonly-code note-detail-printable">
     <style>
     .note-detail-readonly-code {
diff --git a/src/public/app/widgets/type_widgets/read_only_text.ts b/src/public/app/widgets/type_widgets/read_only_text.ts
index bc78c7944..1524255f1 100644
--- a/src/public/app/widgets/type_widgets/read_only_text.ts
+++ b/src/public/app/widgets/type_widgets/read_only_text.ts
@@ -6,7 +6,7 @@ import type { EventData } from "../../components/app_context.js";
 import { getLocaleById } from "../../services/i18n.js";
 import { getMermaidConfig } from "../../services/mermaid.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-readonly-text note-detail-printable">
     <style>
     /* h1 should not be used at all since semantically that's a note title */
diff --git a/src/public/app/widgets/type_widgets/relation_map.ts b/src/public/app/widgets/type_widgets/relation_map.ts
index fcc2c48cd..29a9b4524 100644
--- a/src/public/app/widgets/type_widgets/relation_map.ts
+++ b/src/public/app/widgets/type_widgets/relation_map.ts
@@ -102,7 +102,7 @@ const linkOverlays = [
     ]
 ];
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-relation-map note-detail-printable">
     <div class="relation-map-wrapper">
        <div class="relation-map-container"></div>
diff --git a/src/public/app/widgets/type_widgets/render.ts b/src/public/app/widgets/type_widgets/render.ts
index 2c0bcfdf8..7d49234bf 100644
--- a/src/public/app/widgets/type_widgets/render.ts
+++ b/src/public/app/widgets/type_widgets/render.ts
@@ -4,7 +4,7 @@ import { t } from "../../services/i18n.js";
 import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-render note-detail-printable">
     <style>
         .note-detail-render {
diff --git a/src/public/app/widgets/type_widgets/web_view.ts b/src/public/app/widgets/type_widgets/web_view.ts
index a5aeef534..6e9b2b9d5 100644
--- a/src/public/app/widgets/type_widgets/web_view.ts
+++ b/src/public/app/widgets/type_widgets/web_view.ts
@@ -5,7 +5,7 @@ import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
 import utils from "../../services/utils.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-detail-web-view note-detail-printable" style="height: 100%">
     <div class="note-detail-web-view-help alert alert-warning" style="margin: 50px; padding: 20px 20px 0px 20px;">
         <h4>${t("web_view.web_view")}</h4>
diff --git a/src/public/app/widgets/view_widgets/calendar_view.ts b/src/public/app/widgets/view_widgets/calendar_view.ts
index 93c812234..def38b547 100644
--- a/src/public/app/widgets/view_widgets/calendar_view.ts
+++ b/src/public/app/widgets/view_widgets/calendar_view.ts
@@ -14,7 +14,7 @@ import appContext from "../../components/app_context.js";
 import type { EventImpl } from "@fullcalendar/core/internal";
 import debounce, { type DebouncedFunction } from "debounce";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="calendar-view">
     <style>
     .calendar-view {
diff --git a/src/public/app/widgets/view_widgets/list_or_grid_view.ts b/src/public/app/widgets/view_widgets/list_or_grid_view.ts
index 1c70d791a..7733a0d05 100644
--- a/src/public/app/widgets/view_widgets/list_or_grid_view.ts
+++ b/src/public/app/widgets/view_widgets/list_or_grid_view.ts
@@ -7,7 +7,7 @@ import utils from "../../services/utils.js";
 import type FNote from "../../entities/fnote.js";
 import ViewMode, { type ViewModeArgs } from "./view_mode.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="note-list">
     <style>
     .note-list {
diff --git a/src/public/app/widgets/watched_file_update_status.ts b/src/public/app/widgets/watched_file_update_status.ts
index e65edc376..5181c333b 100644
--- a/src/public/app/widgets/watched_file_update_status.ts
+++ b/src/public/app/widgets/watched_file_update_status.ts
@@ -6,7 +6,7 @@ import dayjs from "dayjs";
 import type { EventData } from "../components/app_context.js";
 import type FNote from "../entities/fnote.js";
 
-const TPL = `
+const TPL = /*html*/`
 <div class="dropdown watched-file-update-status-widget alert alert-warning">
     <style>
         .watched-file-update-status-widget {