WorkFlowy code formatter
Extension Actions
CRX ID
kglihipcanlbglgikjghocmbbbbkfemn
Status
- No Privacy Policy
- Live on Store
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!
Latest reviews
- Astaraa El
- Definitely a needed feature, but removes other formatting from the line and doesn't serve my main use, which is to remove spellcheck errors on strings like MyFunctionName. For that it needs spellcheck="false" in the <code>.
- 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.
- 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.
- 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?
- 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?
- Max Worm
- Hi, Only got mono spaced font, no syntax highlighting, neither inline nor in block
- Max Worm
- Hi, Only got mono spaced font, no syntax highlighting, neither inline nor in block
- sophie willson
- I can't get this to work. Am I missing something?
- Good Wish
- Excellent job! Can you add Scala syntax highlight?
- Good Wish
- Excellent job! Can you add Scala syntax highlight?
- Travis Pantin
- Note that it does not work if you are signed up to use beta.workflowy.com
- Travis Pantin
- Note that it does not work if you are signed up to use beta.workflowy.com
- bao toan toan nguyen
- good
- Maciek Chmura
- just what I needed, Thanks :D
- Maciek Chmura
- just what I needed, Thanks :D
- Bruno Leonardo Michels
- Awesome! Could be better if we had a option for a dark theme
- Bruno Leonardo Michels
- Awesome! Could be better if we had a option for a dark theme
- David Huang
- Will be perfect if it supports Workflowy's Chrome App, which I'm using most of the time.
- David Huang
- Will be perfect if it supports Workflowy's Chrome App, which I'm using most of the time.
- 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.
- 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.
- Scott Olson
- This extension works great and the developer is very responsive.
- Scott Olson
- This extension works great and the developer is very responsive.
- 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.
- 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.
- Corri Blair
- Super clean and simple. Works great, and helps keep things organized.
- Corri Blair
- Super clean and simple. Works great, and helps keep things organized.