CRX id
kglihipcanlbglgikjghocmbbbbkfemn
kglihipcanlbglgikjghocmbbbbkfemn
Description from extension meta
Makes backtick wrapped text look like code! {openSource}
Image from store
Description from store
Make backtick wrapped text look like code! {openSource}
An open source extension to make backtick wrapped text look like code in WorkFlowy.
Unlike 'WorkFlowy for coders', this solution is lightweight, pure JavaScript, and still allows editing text in all views.
Any text wrapped in 1 or 3 backticks will be rendered as code (inspired by Markdown syntax).
Use 1 backtick for inline code, and 3 backticks to wrap multi-line code. Note that the 3 backticks MUST be on their own line.
Note that extensions do not work inside of Chrome apps, so if you are using the WorkFlowy 'app', this extension will not be running. This is a limitation of Chrome apps and extensions.
Enjoy!
https://github.com/ryanpcmcquen/workflowyCodeFormatter
Latest reviews
- (2021-03-30) Nathan Driver: This is an absolute godsend to me! I couldn't get the three backtick code snippets working, but the single backtick shortcut is helping me a lot.
- (2020-09-03) Cameron Pak: Really, really enjoying this. Pros: • Simple, one-click install. • Formats and distinguishes code from standard text. • Code format is similar to .md Cons: (Not big deal items, but worth noting. This extension is great!) • I unfortunately can't see or read well my code with an opacity of 0.3. If that could be moved up a little bit, that'd be amazing! Reply to this, and I'll even submit the PR. • I don't see colored syntax highlighting in my experience. Given, I am using JS. If there isn't colored syntax highlighting anymore after the update, can we update the description of this extension?
- (2020-07-17) Max Worm: Hi, Only got mono spaced font, no syntax highlighting, neither inline nor in block
- (2020-06-23) sophie willson: I can't get this to work. Am I missing something?
- (2019-06-17) Good Wish: Excellent job! Can you add Scala syntax highlight?
- (2018-10-17) Travis Pantin: Note that it does not work if you are signed up to use beta.workflowy.com
- (2018-08-24) bao toan toan nguyen: good
- (2018-06-14) Maciek Chmura: just what I needed, Thanks :D
- (2018-01-12) Bruno Leonardo Michels: Awesome! Could be better if we had a option for a dark theme
- (2017-04-06) khing blue: Will be perfect if it supports Workflowy's Chrome App, which I'm using most of the time.
- (2016-09-22) Rob Cherny: Pretty nice. Quick too. I added a stylish user style sheet with the following: code.prettyprint span.pun { display:none } [contenteditable]:focus code.prettyprint span.pun { display:inline } This way the back-ticks in a note (except the triple tick) are hidden until you focus on that node.
- (2016-01-21) Scott Olson: This extension works great and the developer is very responsive.
- (2015-11-18) Terris Linenbach: Post code to Workflowy so you can find it again. It's easy to use - anything between backticks (`) is syntax highlighted. You will appreciate this tip to post a multi-line snippet. First, copy the code to the clipboard. In Workflowy, hover over a circle, choose Add Note. Type two backticks and then hit the left arrow once. In other words, put the caret between the backticks. Then paste.
- (2015-11-17) Corri Blair: Super clean and simple. Works great, and helps keep things organized.
Latest issues
- (2016-01-26, v:0.3.0) Saad B.: Syntax highlighting doesn't work
The font changes when I use the 3 ticks, but there is no syntax highlighting.