TTY.WTF migrating to Milkdown #1495
Replies: 3 comments 2 replies
-
I've got script execution POC!!See a Markdown document with a button to run script block: md.tty.wtf/... Now this is very hacky: the button is injected via CSS ::before and DOM events. I'd love to integrate a runner feature with Milkdown's code-block properly. Could you give me some directions @Saul-Mirone please?
Do I need a private fork of Milkdown for that, or can I achieve that with customisation of the official library? Many thanks again! |
Beta Was this translation helpful? Give feedback.
-
Or alternative approach: inject execution UX at CodeMirror side. Following CodeMirror Panel Example I can attach a panel with results/errors/progress at the bottom of the code block without involving Milkdown. Update: managed to handle it this CodeMirror panel way! However it creates weird scrolling issues when results are taking large space. Maybe it better belongs to the code-block DOM after all? Any advice much appreciated ❤️ |
Beta Was this translation helpful? Give feedback.
-
The design looks awesome |
Beta Was this translation helpful? Give feedback.
-
TTY.WTF editor
My cutie tiny tool for faux-formatting text using Unicode tricks. TTY.WTF uses CodeMirror 6:
Now I'm migrating on Milkdown, and adding a killer new feature: runnable code blocks, early prototype at md.tty.wtf
Wait a minute, that's not just an editor, it becomes...
Milkdown-powered Notebook
One app to bring together formatted content, scripts, data visualisations and bind them in one document.
Imagine the power of Excel/VBA but not evil and fit for the web.
What's now
Milkdown is largely integrated, and it's 𝒜 𝒲 𝐸 𝒮 𝒪 𝑀 𝐸 !!!
For runnable code, I need:
At first just for JavaScript code.
In future?
TypeScript, obviosly
Python via Brython
Ag-Grid for data output
Input UI elements
Safely access non-public APIs — via OAuth, or Basic auth, or whatever else
Keen to hear any thoughts, suggestions, advice!
And again, thanks a lot for this extremely cool project @Saul-Mirone
Beta Was this translation helpful? Give feedback.
All reactions