monospace
Display monospaced and highlighted code blocks instantly in Chrome!
What is monospace?
monospace is a Chrome extension developed by Tyler Chen, and its main feature is "Display monospaced and highlighted code blocks instantly in Chrome!".
Extension Screenshots
Download monospace Extension CRX File
Download monospace extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
Monospace formats code sent through Facebook chat into monospaced, syntax-highlighted, line-numbered code blocks. Additionally monospace will highlight and add line numbers to files viewed in the chrome file viewer. Multiple highlighting themes are included and can be switched in the options menu.
To use monospace simply send code through facebook wrapped with the delimiters set in the options page.
EXAMPLES:
- ```for x in range(0:10):
print(x)```
- you can also have ```inline code```
Notes:
This is still very much a work in progress. I'm currently looking for bugs and unintended behavior. I'll remove all the console logs once I'm satisfied with its stability.
The UI is still pretty clunky since I haven't spent much time working on that. I'll revamp the options page and the chrome webstore page soon.
By default monospace uses three backticks (like markdown). Monospace will also reverse the start delimiter and use that as the end delimiters unless a custom end delimiter is specified. Pages will need to be refreshed to use the new delimiters.
If there are more than one line breaks in a row, monospace will reduce them to a single line break. This is due to limitations with how Facebook displays messages.
Removing items from the whitelist will prevent monospace from acting on that item. Currently the functionality of the whitelist is very basic. Extension Basic Information
| Name |  monospace |
| ID | bjeojhoaeoiaokmhbhnmnkfehhmmnafg |
| Official URL | https://chromewebstore.google.com/detail/monospace/bjeojhoaeoiaokmhbhnmnkfehhmmnafg |
| Description | Display monospaced and highlighted code blocks instantly in Chrome! |
| File Size | 92.37 KB |
| Installation Count | 44 |
| Current Version | 0.1.0 |
| Last Updated | 2015-02-13 |
| Publish Date | 2015-02-13 |
| Rating | 4.83/5 Total 6 Ratings |
| Developer | Tyler Chen |
| Payment Type | free |
| Extension Website | https://github.com/tchen01/monospace |
| Supported Languages | en-US |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "monospace",
"version": "0.1.0",
"description": "Display monospaced and highlighted code blocks instantly in Chrome!",
"options_page": "options.html",
"permissions": [
"storage"
],
"icons": {
"16": "icons\/icon16.png",
"48": "icons\/icon48.png",
"128": "icons\/icon128.png"
},
"web_accessible_resources": [
"app.js",
"facebook\/*",
"highlight\/highlight.pack.js",
"highlight\/styles\/*"
],
"content_scripts": [
{
"matches": [
"http:\/\/*.facebook.com\/*",
"https:\/\/*.facebook.com\/*"
],
"css": [
"main.css"
],
"js": [
"facebook\/background.js"
]
},
{
"matches": [
"*:\/\/*\/*.js",
"*:\/\/*\/*.css",
"*:\/\/*\/*.py",
"file:\/\/\/*.js",
"file:\/\/\/*.css",
"file:\/\/\/*.py"
],
"css": [
"main.css"
],
"js": [
"highlight\/highlight.pack.js",
"app.js",
"files.js"
]
}
]
} | |
