GithubHelp home page GithubHelp logo

ryanpcmcquen / workflowycodeformatter Goto Github PK

View Code? Open in Web Editor NEW
39.0 39.0 6.0 7.54 MB

:hourglass_flowing_sand: A simple and lightweight solution to the WorkFlowy code dilemma. | https://addons.mozilla.org/en-US/firefox/addon/workflowy-code-formatter/ | https://chrome.google.com/webstore/detail/workflowy-code-formatter/kglihipcanlbglgikjghocmbbbbkfemn

License: Mozilla Public License 2.0

JavaScript 93.89% Batchfile 6.11%
hacktoberfest

workflowycodeformatter's Introduction

Well hello there.

I like beverages.

Buy me drinks

Stats

workflowycodeformatter's People

Contributors

ryanpcmcquen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

workflowycodeformatter's Issues

Triple-backticked, multi-line code snippets

I don't seem to be able to get triple-backticked snippets to work for multi-line code. The documentation reads:

Use [...] 3 backticks to wrap multi-line code. Note that the 3 backticks MUST be on their own line.

If I have the opening 3 backticks on their own line, then my content over X lines, then the closing backticks on their own line, formatting doesn't seem to apply.

Triple-backticked code only seems to work if the opening backticks, content, and closing backticks are contained in a single line. In this scenario, however, there doesn't seem to be a way to split the code over multiple lines.

image

Support for dark theme?

Is there an easy way to change the code styling to support a dark theme? On a dark theme, the code text is too dark to be seen.

bug with russian words

look
here
russian font is no monospaced

for testing u can get this code-snipet

for(let i=0; i<5; i++) {
   //здесь i доступна
}
//здесь i не доступна

or this link https://workflowy.com/s/vZc2xfdy3h

my system:
osx el-capitan
chrome 49.0.2623.87 (64-bit)

I can provide any help for testing

How can I change the note after having attached it to a node?

I may be dumb as hell, but I cannot edit the notes after having input text in backticks.
I'm a pro user and begin to switch my notes from Google Keep to workflowy.
I'm not on beta. Using Workflowy on Windows/Linux in latest stable Chrome.

I did input something like that in a note (in three backticks):

import time
time.strftime('%Y-%m-%d %H:%M:%S', time.localtime(time.time()))

This is displayed as seen below

image

Trying to edit the note via shift-enter or mouseclick I see the following in the Chrome console:

document_view.min.js?v=c61ade3:1 Uncaught TypeError: Failed to execute 'selectNodeContents' on 'Range': parameter 1 is not of type 'Node'.
at g (document_view.min.js?v=c61ade3:1)
at Object.E (document_view.min.js?v=c61ade3:1)
at Object.Oe (document_view.min.js?v=c61ade3:1)
at document_view.min.js?v=c61ade3:1
at document_view.min.js?v=c61ade3:1
at l (document_view.min.js?v=c61ade3:1)
at A (document_view.min.js?v=c61ade3:1)
at Object. (document_view.min.js?v=c61ade3:1)
at f (document_view.min.js?v=c61ade3:1)
at document_view.min.js?v=c61ade3:1
at E (document_view.min.js?v=c61ade3:1)
at j (document_view.min.js?v=c61ade3:1)
at O (document_view.min.js?v=c61ade3:1)
at I (document_view.min.js?v=c61ade3:1)
at Sn (document_view.min.js?v=c61ade3:1)
at Au (document_view.min.js?v=c61ade3:1)
at Ne (document_view.min.js?v=c61ade3:1)
at jn (document_view.min.js?v=c61ade3:1)
at document_view.min.js?v=c61ade3:1
at Object.t.unstable_runWithPriority (document_view.min.js?v=c61ade3:1)
at Lu (document_view.min.js?v=c61ade3:1)
at Tn (document_view.min.js?v=c61ade3:1)
at HTMLDocument.r (document_view.min.js?v=c61ade3:1)

Is this on Workflowys side or is it the extension?

Option to turn off syntax highlighting?

I love this tool, but I find that workflowy takes a performance hit when I have lots of code being formatted by this extension. I suspect this is coming from the syntax highlighting part. Any possibility that we might get an option to make code that is delimited solely with backticks (i.e., no language specified) not get any syntax highlighting? Would be particularly helpful when recording sequences of short bash commands, etc.

Add the option to configure the colour of code font

For instance Dynalist uses a red colour for code blocks which makes it far more readable. I'd like to be able to use the same, or maybe try other readable colours.

For contrast this extension is hard to read when using the dark theme:

Can't Click on code to edit

Hi,

If i'm using it right, for multiline code, i have to use the note instead of multiple bullets. That being said, when I do so with the 3 back-ticks before and after, the text is formatted as code (in black and white though, not in colour) but if I want to edit that code by clicking in the code where I want to make that edit, the cursor jump and the beginning of the code.

The only way to edit is to write some character when it jump a the beginning to unformat it and then move with the arrows to where I want to really type, If I use the mouse it format the text again and jump me back to the beginning.

Thanks!

Syntax Highlighting not Working

Hi,

Installed the extension, but can't get the syntax highlinghting to work. It only formats the text in a monospaced font.

On Chrome.

GitHub formatting?

Thank you for making this extension! 😄

It would be awesome if there was a way to use the GitHub code style (no visible backticks, darker background, smaller font size).

Hide the ticks

My main interest in this extension is to be able to make some inline code blocks with a monospace font, so this item:

  • Add `bark()` and `run()` to `class Dog`

Should be rendered as:

  • Add bark() and run() to class Dog

And the ticks should only be shown while the item is focused.

This extension is so close to exactly what I'm looking for, if only the ticks were hidden when the item is not in focus.

Is this something that is feasible to add as perhaps an extension option?

Not working in Chrome App

Sorry for the vague issue title.

I installed the extension in Chrome, closed the browser, and then opened a new browser window and fired up Workflowy.

My backtick-enclosed text still looks like this:

workflowy-test

I double-checked and the extension is definitely enabled. What am I doing wrong here?

Update to newer code-prettify

Would it be possible to update based on the latest changes in https://github.com/google/code-prettify and put out a new release?

This extension already works pretty nicely for me, but it's lacking support for Rust which exists in the upstream code-prettify now and makes up the vast majority of my code snippets.

Thanks!

Paste?

I start text with ` and then command-v to paste in code. Each line of code ends up as a separate bullet point. The items are not formatted as code. Am I doing something wrong?

Specified language not being detected.

It seems that using 3 backticks isn't working for some reason. I can't seem to find out why. I don't have too much experience with front end development so sorry I can't be of more help in deducing what is happening here. 1 backtick works fine, but the 3 ticks with language specific formatting would be very awesome to have.

Here is a screenshot of what happens when attempting to use the 3 back ticks in a note on workflowy:
capture

All extensions have been disabled, and so has extra css formatting in attempts at troubleshooting this. This is on chrome 65.0.3325.181.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.