Awesome

Typora TabBar Plugin

https://user-images.githubusercontent.com/41538138/157715474-1b9433e3-dd62-4407-acfc-46c3319217d3.mp4

Behavior is mainly the same as VSCode

Click once to open file in preview mode
Double click to open file in tab
Click "x" to close the tab
Drag to move the tab
Scroll to to reveal all tabs

News

Typora 1.3.8 changed the typora://userData folder path to typora://app/userData. If you updated to the newest version and the plugin stops working, simply edit the paths in your <your_installation_path>/Typora/resources/window.html file or redo the installation steps.

Installation

Download tabbar-plugin.zip under Releases.

Windows

Save Plugin

Navigate to %userprofile%/AppData/Roaming/Typora/.
Create a folder plugins.
Extract the tabbar-plugin.zip contents to %userprofile%/AppData/Roaming/Typora/plugins/.

You should now have a folder structure that looks like this: %userprofile%/AppData/Roaming/Typora/plugins/tabbar/.

Add Plugin to Typora

Locate your Typora installation (Typically: C:/Program Files/Typora ).
Open a text editor with <right click> Run as administrator and open the file C:/Program Files/Typora/resources/window.html . (Don't forget to select All Files (\*.*) to see .html files)
Insert the lines:

<script src="typora://app/userData/plugins/tabbar/bundle.js" defer></script>
<link rel="stylesheet" href="typora://app/userData/plugins/tabbar/bundle.css">

Exactly after <!DOCTYPE html><html lang="en"><head>.

Save your changes to C:/Program Files/Typora/resources/window.html. This may require Windows administrator privileges!

Your window.html should now look something like this:

<!doctype html><html lang="en"><head>
    <script src="typora://app/userData/plugins/tabbar/bundle.js" defer></script>
	<link rel="stylesheet" href="typora://app/userData/plugins/tabbar/bundle.css">
    <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    [...]

Other Platforms

The plugin should work on any platform than can run Typora.

Save Plugin

Save the plugin to your Typora user folder or any other folder.

Add Plugin to Typora

Find the resources/window.html file in your Typora installation location and perform step 3. and 4. in Add Plugin to Typora (replace the src and href attributes with the path to your plugin location).

Uninstallation

Simply reinstall Typora or remove the added lines ( Add Plugin to Typora ) from <your_installation_path>/Typora/resources/window.html