feat(webview): render in browser using iframe

src/public/app/widgets/type_widgets/web_view.ts

@@ -3,6 +3,9 @@ import TypeWidget from "./type_widget.js";
 import attributeService from "../../services/attributes.js";
 import type FNote from "../../entities/fnote.js";
 import type { EventData } from "../../components/app_context.js";
+import utils from "../../services/utils.js";
+
+const el = utils.isElectron() ? "webview" : "iframe";
 
 const TPL = `
 <div class="note-detail-web-view note-detail-printable" style="height: 100%">
@@ -18,7 +21,7 @@ const TPL = `
         <p>${t("web_view.experimental_note")}</p>
     </div>
 
-    <webview class="note-detail-web-view-content"></webview>
+    <${el} class="note-detail-web-view-content"></${el}>
 </div>`;
 
 export default class WebViewTypeWidget extends TypeWidget {

src/public/translations/cn/translation.json

@@ -990,7 +990,7 @@
     "embed_websites": "网页视图类型的笔记允许您将网站嵌入到 Trilium 中。",
     "create_label": "首先，请创建一个带有您要嵌入的 URL 地址的标签，例如 #webViewSrc=\"https://www.bing.com\"",
     "disclaimer": "实验性功能免责声明",
-    "experimental_note": "网页视图是一种实验性的笔记类型，将来可能会被移除或大幅更改。网页视图只在桌面端有效。"
+    "experimental_note": "网页视图是一种实验性的笔记类型，将来可能会被移除或大幅更改。"
   },
   "backend_log": {
     "refresh": "刷新"

src/public/translations/de/translation.json

@@ -967,7 +967,7 @@
     "embed_websites": "Hinweis vom Typ Web View ermöglicht das Einbetten von Websites in Trilium.",
     "create_label": "To start, please create a label with a URL address you want to embed, e.g. #webViewSrc=\"https://www.google.com\"",
     "disclaimer": "Haftungsausschluss zum experimentellen Status",
-    "experimental_note": "Web View ist ein experimenteller Notiztyp und könnte in Zukunft entfernt oder grundlegend geändert werden. Web View funktioniert auch nur im Desktop-Build."
+    "experimental_note": "Web View ist ein experimenteller Notiztyp und könnte in Zukunft entfernt oder grundlegend geändert werden."
   },
   "backend_log": {
     "refresh": "Aktualisieren"

src/public/translations/en/translation.json

@@ -1007,7 +1007,7 @@
     "embed_websites": "Note of type Web View allows you to embed websites into Trilium.",
     "create_label": "To start, please create a label with a URL address you want to embed, e.g. #webViewSrc=\"https://www.google.com\"",
     "disclaimer": "Disclaimer on the experimental status",
-    "experimental_note": "Web View is an experimental note type, and it might be removed or substantially changed in the future. Web View works also only in the desktop build."
+    "experimental_note": "Web View is an experimental note type, and it might be removed or substantially changed in the future."
   },
   "backend_log": {
     "refresh": "Refresh"

src/public/translations/es/translation.json

@@ -1005,7 +1005,7 @@
     "embed_websites": "La nota de tipo Web View le permite insertar sitios web en Trilium.",
     "create_label": "To start, please create a label with a URL address you want to embed, e.g. #webViewSrc=\"https://www.google.com\"",
     "disclaimer": "Descargo de responsabilidad sobre el estado experimental",
-    "experimental_note": "Web View es un tipo de nota experimental y es posible que se elimine o cambie sustancialmente en el futuro. Web View también funciona solo en la versión de escritorio."
+    "experimental_note": "Web View es un tipo de nota experimental y es posible que se elimine o cambie sustancialmente en el futuro."
   },
   "backend_log": {
     "refresh": "Refrescar"

src/public/translations/fr/translation.json

@@ -968,7 +968,7 @@
     "embed_websites": "Les notes de type Affichage Web vous permet d'intégrer des sites Web dans Trilium.",
     "create_label": "Pour commencer, veuillez créer un label avec l'adresse URL que vous souhaitez intégrer, par ex. #webViewSrc=\"https://www.google.com\"",
     "disclaimer": "Avertissement sur le statut expérimental",
-    "experimental_note": "Affichage Web est un type de note expérimental et il pourrait être supprimé ou considérablement modifié à l'avenir. Affichage Web ne fonctionne que dans la version de bureau."
+    "experimental_note": "Affichage Web est un type de note expérimental et il pourrait être supprimé ou considérablement modifié à l'avenir."
   },
   "backend_log": {
     "refresh": "Rafraîchir"

src/public/translations/ro/translation.json

@@ -1309,7 +1309,7 @@
     "create_label": "Pentru a începe, creați o etichetă cu adresa URL de încorporat, e.g.  #webViewSrc=\"https://www.google.com\"",
     "disclaimer": "Avertisment despre statutul experimental",
     "embed_websites": "Notițele de tip „Vizualizare web” permit încorporarea site-urilor web în Trilium.",
-    "experimental_note": "„Vizualizare web” este un tip experimental de notiță, și poate fi înlăturat sau schimbat substanțial în viitor. De asemenea, Web View funcționeză doar în aplicația desktop.",
+    "experimental_note": "„Vizualizare web” este un tip experimental de notiță, și poate fi înlăturat sau schimbat substanțial în viitor.",
     "web_view": "Vizualizare web"
   },
   "wrap_lines": {

src/public/translations/tw/translation.json

@@ -972,7 +972,7 @@
     "embed_websites": "網頁視圖類型的筆記允許您將網站嵌入到 Trilium 中。",
     "create_label": "首先，請新增一個帶有您要嵌入的 URL 地址的標籤，例如 #webViewSrc=\"https://www.bing.com\"",
     "disclaimer": "實驗性功能免責聲明",
-    "experimental_note": "網頁視圖是一種實驗性的筆記類型，將來可能會被移除或大幅更改。網頁視圖只在桌面端有效。"
+    "experimental_note": "網頁視圖是一種實驗性的筆記類型，將來可能會被移除或大幅更改。"
   },
   "backend_log": {
     "refresh": "刷新"