Markdown editor for blogger

Latest Version

Version
0.0.7
Update
August 13, 2024
Size
279KiB
Developer
opdev1004.com
Category
Users
80
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
See more

mdblogger Extension

'mdblogger' is a markdown editor for google blogger. This extension insert a markdown editor to the blogger post edit page to let you use markdown editor. Nowadays a markdown editor is more preferred as a writer can focus on their writing instead of styling their writing.

With mdblogger, you can load and save markdown content as well.

## 📢 Notice

### Releasing v0.0.7

Found Korean and other typing not working. So this version fixes that problem. Adjusted update speed to about 59 fps.

From v0.0.6, now draft saving to the cloud is working, therefore posting your blog post would not require editing the original blogger's editor from now.

## 👨‍🏫 Things you must know:

1. If you have any ad block extensions/plugins, add `blogger.com` or `https://blogger.com` in the exception list from the ad block settings.

2. This may not be required anymore since draft saving is working -> After you are done writing, you must edit the blogger's editor once before finishing your post. Like `adding a space and remove it` or `change from compose view to html view`. Because the content is not going to be saved as a draft or updated or published until the blogger editor updates the post data that is hidden. It is difficult to find where the blogger editor store our post data. So until we find a way, this will be the way. Just give a small change to the blogger editor after you are done writing.

3. Pressing 'Ctrl' and 'q' will copy what is in the blogger editor(Left side) and paste to the markdown editor(Right side). Use this short cut('ctrl + q') for adding images. But you can also use the markdown editor's image uploading system. In that case the image will be stored as a data in your post. And your post can be a bit messy. For the videos, you have to use the blogger editor to add them. Markdown editor does not support videos and it will probably convert the video to a single image.

4. From all the links in the post, target and rel attributes are not going to work as markdown does not support. And it will always get removed as you write something. You can still try. I do not encourage doing it though.

5. This extension is an open source extension with MIT license. It is free for commercial and non-commercial use.

6. If you have a custom theme, it might cause some problems for some cases. Because they affect styling of the edit page.

7. In many other case, if this extension is not working, just try to refresh(F5) the edit page. This extension does not back-up your data. So make sure you back-up your unsaved data. Eg. drafting, or save markdown etc.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "mdblogger", "version": "0.0.7", "description": "Markdown editor for blogger", "icons": { "16": "16.png", "32": "32.png", "48": "48.png", "128": "128.png" }, "author": "https://github.com/opdev1004", "action": { "default_popup": "popup.html" }, "content_scripts": [ { "matches": ["https://www.blogger.com/*"], "css": ["toastui-editor.min.css", "main.css"], "js": ["toastui-editor-all.min.js", "main.js"] } ]}
Read more

How to download and manually install mdblogger extension for Chrome

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

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

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

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

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

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

Similar Extensions

icon

Blogger Helper: Free Version Extension · Productivity 80 2 ★ 75.98KiB

icon

GoldDust Extension · Productivity 80 1 ★ 9.56MiB

icon

Blogger HTML Editor Hotkey Extension · Developer Tools 80 0 ★ 15.39KiB

icon

Atfos Extension · Accessibility 80 2 ★ 252KiB

icon

GimmeThat - Universal Wishlist for Shopping Extension · Shopping 80 1 ★ 1.11MiB

icon

Blogging Helper Extension Extension · Productivity 80 3 ★ 424KiB

icon

Remove Blogger Logo Extension · Social & Communication 80 0 ★ 6.83KiB

icon

Code Tag Extension · Social & Communication 80 3 ★ 38.4KiB

icon

Apiary - Web Highlighter & Annotator Extension · Social & Communication 80 0 ★ 1.51MiB

icon

ChatGPT Search Bar & Send With Command Enter Extension · Productivity 80 0 ★ 205KiB

icon

Saleslights Inc. Extension · Productivity 80 1 ★ 2.06MiB

icon

Passive Aggressive Email Translator Extension Extension · Fun 80 0 ★ 143KiB

icon

HintEd Smart Manuals Editor Extension · Productivity 80 1 ★ 6.36MiB

icon

Linqbase - LinkedIn CRM & Outreach Extension · Productivity 80 4 ★ 2.13MiB

icon

Retaino Extension · Productivity 80 2 ★ 443KiB

icon

Naro Extension · Productivity 80 0 ★ 2.12MiB

icon

gpt2pdf Extension · Productivity 80 8 ★ 179KiB

icon

Propmarker Browser Extension Extension · Productivity 80 0 ★ 89.88KiB

icon

Ytel Webphone Extension Extension · Productivity 80 7 ★ 1.87MiB

icon

Social Attache Extension · Productivity 80 0 ★ 644KiB

icon

Wordle++ Extension · Fun 80 1 ★ 173KiB

icon

Custom Blogger Extension Extension · Developer Tools 80 3 ★ 16.39KiB

icon

Cards & Colors Extension · Developer Tools 80 4 ★ 525KiB

icon

Pitch Avatar Customer Catcher Extension · Productivity 80 6 ★ 504KiB

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file