fixed: failed to open an external link (#15)

* start

* implement

* edit readme

* new issue

* edit readme

CHANGELOG.md

@@ -6,4 +6,8 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 
 ## [Unreleased]
 
-- Initial release
+- 1.6.0
+
+  [fixed: failed to open an external link](https://github.com/dzylikecode/VSCodeExt-docsify-Preview/pull/15)
+
+- Initial release

README.md

@@ -69,14 +69,18 @@ If you want to paste images in markdown, welcome to use my other plugin:[md-past
 
 ## Known Issues
 
-You should open the preview in the browser if click the external link in the preview. The reason why it can't open it inside the preview is the limitation of Webview.
-
-> may be I can try open it in the browser.
+You may open the duplicate tab in the browser if clicking the external link.
 
 If you find any issues, please report them to [issue](https://github.com/dzylikecode/VSCodeExt-docsify-Preview/issues)
 
 ## Release Notes
 
+### 1.6.0
+
+fixed: failed to open an external link
+
+> Now you can open the external link in the preview, and then it will be opened in the browser. But the problem is that you may open the duplicate tab in the browser. I will try to fix it in the future.
+
 ### 1.5.0
 
 - feature:

package.json

@@ -2,7 +2,7 @@
   "name": "docsify-preview",
   "displayName": "docsify-Preview",
   "description": "write docs easily with docsify",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "engines": {
     "vscode": "^1.71.0"
   },

src/main.js

@@ -67,6 +67,8 @@ async function main(context, disposable) {
       );
     } else if (message.command == "closePreview") {
       server.close();
+    } else if (message.command == "openLink") {
+      vscode.env.openExternal(message.url);
     }
     return;
     function goHere(url, linePercent) {

src/server/assets/js/main.js

@@ -49,6 +49,9 @@ window.addEventListener("message", (event) => {
     case "hideContextMenu":
       hideContextMenu();
       break;
+    case "openLink":
+      vscode.postMessage(message);
+      break;
   }
 });
 

src/server/listener/injected.html

@@ -99,6 +99,23 @@
             }
           }
         });
+        hook.doneEach(() => {
+          openBlankLink();
+          return;
+          function openBlankLink() {
+            document.querySelectorAll("a[target='_blank']").forEach((link) => {
+              link.addEventListener("click", (e) => {
+                window.parent.window.postMessage(
+                  {
+                    command: "openLink",
+                    url: link.href,
+                  },
+                  "*"
+                );
+              });
+            });
+          }
+        });
         hook.ready(() => {
           // this why I can't scroll window directly
           restoreScrollState();