Format code in Google Docs using Markdown-style `backticks`

Latest Version

Version
0.4.0
Update
August 12, 2023
Size
56.33KiB
Developer
Category
Users
349
Rating
3.8 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Identity
Storage
See more

Backtick Extension

> Update Aug 11, 2023:
>
> About a year after this extension first came out, [Google released built-in inline code markdown support for Google Docs](https://workspaceupdates.googleblog.com/2022/12/format-display-code-google-docs.html), rendering this extension obsolete for most use-cases. The extension will remain for those want to continue using it, but I don't intend on making any further updates. To get the built-in inline code and code blocks working via backticks, ensure the Tools -> Preferences -> \"Automatically detect Markdown\" checkbox is enabled inside Google Docs.

Write inline code inside Google Docs. Just enclose a word or phrase with `backticks` and it will be automatically formatted as inline code.

A great tool for software developers who are used to the feature in Slack, Github, Jira, Markdown files, etc.

# Features
• Auto-format inline code using backticks
• Customizable text color
• Customizable highlight color
• Extension on/off toggle
• Support for multiple Google accounts
• Secure and private. Docs data is processed client-side.

# Planned Features:
• Add multi-line code blocks using markdown-style triple backtick syntax. Ex)
```javascript
console.log('hello!`)
```
• Syntax highlighting in multiple programming languages for code blocks
• Theme choices for code blocks

# Technical Limitations
Due to the way the Google Docs API was designed, there are some limitations to this extension:
• The extension has no notion of where your cursor is and will parse the document from bottom to top. Because of this, at most one inline code section is created per backtick key press to avoid large amounts unwanted formatting.
• Take care when dealing with large or collaborative documents that may have existing backtick characters. Remember that the extension has a disable toggle for turning it off until it's needed again.
• To \"escape\" backtick characters in your document, format each backtick character differently from the surrounding text. For example, bolding the `s, but leaving text before and after unbolded will hide the characters from the extension.
• The formatting will happen more quickly when typing another character immediately after pressing the closing backtick character. The reason is complicated, but is essentially to preserve the existing text formatting and avoid extraneous spaces.

# Privacy Policy
https://backtick.zachbrogan.com/privacy-policy.html
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Backtick", "description": "Format code in Google Docs using Markdown-style `backticks`", "version": "0.4.0", "manifest_version": 3, "permissions": [ "identity", "storage" ], "icons": { "16": "icon-16.png", "32": "icon-32.png", "48": "icon-48.png", "128": "icon-128.png" }, "action": { "default_popup": "index.html", "default_icon": { "16": "icon-16.png", "32": "icon-32.png", "48": "icon-48.png", "128": "icon-128.png" } }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [ "https://docs.google.com/document/d/*" ], "js": [ "backtick.js" ] } ], "oauth2": { "client_id": "45137430676-lfv3ank4cli09vi09p3naghjd0p0q3m0.apps.googleusercontent.com", "scopes": [ "https://www.googleapis.com/auth/documents" ] }, "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAi5Ye6GGyb2V+qNIC8BqBCIBTjxViWBGCITnrCeT6YD10R/q0if/N7N/frceF5P3tSxHrs1374PB665iUpl51GbAeaVme1pkxeFaq++cdui11qwS11TbIcEFEdpOzOM94xsK7tYHzCqJS17KFFrugWsnIZCA4y2Ln1NmN0KHTwE7j+wcCt+D17qUNgycl8Bo0cFY1bxfZFQzfDXi2IOHKlxNwU3/b43asxdlQt4hv98DQaeyg5hxX0b1dScjH4vjUGFxsTwkWaqcIrAXQMSFieKDXEfPWRmUgHe9K9TSbgL9FMGCAy1jtAfxjOpzi/8t++/9XsnkFBFNke4O/n+zPxQIDAQAB"}
Read more

How to download and manually install Backtick extension for Chrome

Looking for a way to install Backtick 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 Backtick extensions manually, this article outlines two simple methods to effortlessly install Backtick extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

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

If you ever need to manually install a Backtick 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 Backtick Extension by clicking the "Download CRX" button on the website.

Look for the Backtick extension you wish to install. Go to the website and download the Backtick extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Backtick 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 Backtick 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 Backtick extension for Chrome and install in Developer Mode

This is another method to install Backtick 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 Backtick extension file

Select and download the Backtick 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 Backtick 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 Backtick 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 Backtick 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 Backtick extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Code Block Beautifier Extension · Developer Tools 349 19 ★ 305KiB

icon

PullApprove Extension · Developer Tools 349 0 ★ 224KiB

icon

codeblock Extension · Productivity 349 1 ★ 535KiB

icon

reveddit language fix Extension · Social & Communication 349 0 ★ 66.08KiB

icon

Accessibility Checker for GitHub Markdown Extension · Accessibility 349 0 ★ 293KiB

icon

Reacti AI Extension · Productivity 349 2 ★ 166KiB

icon

Ask by Slite Extension · Productivity 349 5 ★ 2.49MiB

icon

Steam Review Summarizer Extension · Productivity 349 10 ★ 70.36KiB

icon

n-crm: Notion CRM sync with LinkedIn Extension · Productivity 349 8 ★ 18.98KiB

icon

Quasar Developer Tools Extension · Developer Tools 349 2 ★ 143KiB

icon

Notion Syntax Highlighter Extension · Productivity 349 4 ★ 171KiB

icon

Visual Debug - feedback collection tool Extension · Developer Tools 349 7 ★ 6.42MiB

icon

Snap Environment Switcher Extension · Developer Tools 349 16 ★ 208KiB

icon

Smart Search Extension · Productivity 349 2 ★ 1014KiB

icon

Syntax Highlight Code Blocks Extension · Productivity 349 9 ★ 24.75KiB

icon

Gitd Download Manager Extension · Developer Tools 349 1 ★ 69.96KiB

icon

switcheroo Extension · Productivity 349 1 ★ 241KiB

icon

AutoReview for Power Automate Extension · Developer Tools 349 2 ★ 4.96MiB

icon

GIFs for GitHub Extension · Developer Tools 349 34 ★ 57.39KiB

icon

WorkFlowy code formatter Extension · Productivity 349 21 ★ 297KiB

icon

GTM Plus Extension · Developer Tools 349 11 ★ 30.78KiB

icon

Github Html Preview Extension · Developer Tools 349 2 ★ 13.77KiB

icon

Notifier for GitHub Extension · Developer Tools 349 54 ★ 75.23KiB

icon

GoLinks Extension · Productivity 349 32 ★ 2.3MiB

User reviews

icon

denille (ID: 000000b8a5ea3b51) Voted 2 ★ - Updated 08/09/2023 This doesn't seem to work when you copy and paste between backticks. It would be nice if I didn't have to rewrite for the code to be inlined.

icon

Sam Lapp (ID: 000000ca1d9b9b5f) Voted 2 ★ - Updated 10/21/2022 It works very inconsistently for me, many back-ticks are not reformatted

icon

Nicola Fanelli (ID: 000000ca220c227c) Voted 5 ★ - Updated 09/11/2022 Exactly what I needed.

icon

Leilah Radcliffe (ID: 000000739db1da99) Voted 5 ★ - Updated 01/21/2022 So useful!