4.8
21
385
13
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
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?
Hi,
Only got mono spaced font, no syntax highlighting, neither inline nor in block
I can’t get this to work. Am I missing something?
Excellent job! Can you add Scala syntax highlight?
Note that it does not work if you are signed up to use beta.workflowy.com
good
just what I needed, Thanks 😀
Awesome!
Could be better if we had a option for a dark theme
Will be perfect if it supports Workflowy’s Chrome App, which I’m using most of the time.
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.
This extension works great and the developer is very responsive.
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.
Super clean and simple. Works great, and helps keep things organized.