Distraction-free Markdown editing for the web

Latest Version

Version
1.7.1
Update
December 9, 2021
Size
732KiB
Developer
Category
Users
497
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
Storage
Http://*/*
Https://*/*
UnlimitedStorage
See more

Markdown Anywhere Extension

This extension launches a full-page syntax-aware Markdown editor, with instant preview, for any plain textarea on the web. Default or Vim keymaps are supported.

Usage: While on a page with a plain textarea, activate the editor with Alt-Shift-H. When finished, hit the button or keyboard shortcut again. If you prefer vim, you can turn it on in Options. While in vim mode, :q or :wq will close the editor. You also always close the editor with the same keyboard shortcut you used to launch it. Hit the other keyboard shortcut (Alt-Shift-L) to toggle instant preview on and off.

Save/restore functionality: If you you vim keybindings, the command sequence :w will save a copy of the current editor buffer, in case you need to restore it. There is a history of saves, accessible via Ctrl-1, Ctrl-2, etc. The most recent save always gets pushed onto the Ctrl-1 buffer, moving the previously stored one to Ctrl-2, and so on. This can be used across Markdown Anywhere sessions, and helps in case the server loses your change due to network outage, etc..

Tip: You can change the keyboard shortcuts to whatever you want. See the \"Keyboard Shortcuts\" link at the bottom of your extensions list in Chrome.

Note: This extension is designed to work primarily with *plain* textareas that don't already have rich text editing capabilities. Using it on already-rich textareas, such as those found on Github, is not supported.

Attributions: The author would like to acknowledge the following artists for making their work available for public use:
* Demo video background music by bensound: http://www.bensound.com/
* Promo image background (modified), by scienceatlife: https://www.flickr.com/photos/scienceatlife/ licensed under https://creativecommons.org/licenses/by-nc-sa/2.0/
Read more

Source Manifest.json

{ "background": { "scripts": [ "background.js" ] }, "commands": { "toggle-editor": { "description": "Launch or close the editor", "suggested_key": { "default": "Alt+Shift+H", "mac": "Alt+Shift+H" } }, "toggle-preview": { "description": "Toggle preview visibility", "suggested_key": { "default": "Alt+Shift+L", "mac": "Alt+Shift+L" } } }, "content_scripts": [ { "js": [ "contentscript.js" ], "matches": [ "*://*/*" ] } ], "description": "Distraction-free Markdown editing for the web", "icons": { "128": "icon128.png", "16": "icon16.png", "48": "icon48.png" }, "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvAC5YzUFHPtNlV5wXppiHwMxDyF3sUQuMpQUhkz4rebWsrckAA5+KuXZJm2d/+JFsB3ROK4nH7Gq//3wK1tzqVo5CDSc1mxwwndRQY2ZaTc/Gp7kuhGq/biwEyN1Ufq21wa+Oq8ZoRrh4KZL6S/pzVheEyli7pBqXZ2RJ/EWkOhGzZOzRRSzqEtvx/zEakBK3p79bWZMBd6AVPs8cMngwTpzCALPy4l1RCDCeMkHfPad7dPag7zRTp2Q2fYKAz3t4qk56ay8HdV9r4KVq2Z5tQYPjdmKEgFrGdhF4xoabH14TkgCOPz8F7/jVi8ysBF/oB17LLiEgvesjYOY8VNAOQIDAQAB", "manifest_version": 2, "name": "Markdown Anywhere", "options_ui": { "chrome_style": true, "page": "options.html" }, "page_action": { "default_icon": "icon48.png" }, "permissions": [ "storage", "http://*/*", "https://*/*", "unlimitedStorage" ], "update_url": "https://clients2.google.com/service/update2/crx", "version": "1.7.1", "web_accessible_resources": [ "icon128.png", "hal.png", "notes.html" ]}
Read more

How to download and manually install Markdown Anywhere extension for Chrome

Looking for a way to install Markdown Anywhere extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Markdown Anywhere extensions manually, this article outlines two simple methods to effortlessly install Markdown Anywhere extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Markdown Anywhere extension and manually install through Drag &Drop

If you ever need to manually install a Markdown Anywhere extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Markdown Anywhere Extension by clicking the "Download CRX" button on the website.

Look for the Markdown Anywhere extension you wish to install. Go to the website and download the Markdown Anywhere extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Markdown Anywhere extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Markdown Anywhere extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Markdown Anywhere extension for Chrome and install in Developer Mode

This is another method to install Markdown Anywhere extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Markdown Anywhere extension file

Select and download the Markdown Anywhere extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Markdown Anywhere extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Markdown Anywhere extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Markdown Anywhere extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Markdown Anywhere extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Markdown Here Extension · Productivity 497 367 ★ 534KiB

icon

Markdown Cheatsheet Extension · Developer Tools 497 8 ★ 79.84KiB

icon

Markdown Editor Extension · Developer Tools 497 28 ★ 1.83MiB

icon

ownsheet Extension · Developer Tools 497 2 ★ 225KiB

icon

Copy Markup Markdown Extension · Productivity 497 5 ★ 145KiB

icon

Light Markdown Editor Extension · Developer Tools 497 6 ★ 363KiB

icon

Markdown document renderer Extension · Accessibility 497 1 ★ 40.25KiB

icon

Copy as Markdown Extension · Social & Communication 497 1 ★ 62.34KiB

icon

Markdown Editor Extension · Productivity 497 2 ★ 346KiB

icon

Mrkdown.io - Markdown Editor Extension · Developer Tools 497 2 ★ 6.85KiB

icon

Markdown Editor Online Extension · Productivity 497 9 ★ 363KiB

icon

Github Jekyll Blog Editor Extension · Social & Communication 497 3 ★ 3.41MiB

icon

Markdown Editor for Chrome™ Extension · Developer Tools 497 15 ★ 645KiB

icon

Chrome Markdown Preview Extension · Productivity 497 6 ★ 42.67KiB

icon

MultiTabs Markdown Editor Extension · Productivity 497 11 ★ 4.34MiB

icon

Markdown New Tab Extension · Productivity 497 36 ★ 110KiB

icon

Markdown Menu for GitHub Extension · Developer Tools 497 9 ★ 5.8KiB

icon

Markdown Preview Extension · Productivity 497 13 ★ 31.09KiB

icon

textarea to code editor Extension · Developer Tools 497 12 ★ 2.6MiB

icon

Markdown Viewer Extension · Productivity 497 352 ★ 2.36MiB

icon

Markdown File Reader Extension · Productivity 497 2 ★ 62.25KiB

icon

Copy as Markdown Extension · Developer Tools 497 31 ★ 31.6KiB

icon

Copy as Markdown Extension · Productivity 497 66 ★ 158KiB

icon

Markdown Preview Plus Extension · Productivity 497 234 ★ 2.24MiB

User reviews

icon

Tony Nguyen (ID: 0000005348c1f723) Voted 5 ★ - Updated 11/02/2020 Love it. However, when activated, the editor seems cut off from the bottom. Is there a setting for it to take up the whole height of the screen?