draw.io
to-markdown
Our great sponsors
draw.io | to-markdown | |
---|---|---|
129 | 4 | |
38,268 | 7,753 | |
1.7% | 2.0% | |
8.5 | 3.2 | |
3 days ago | 10 days ago | |
JavaScript | HTML | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
draw.io
-
Monodraw
For anyone who is willing to use a webapp, I like drawio[0]. You can download locally[1] and self host (I just use the python webserver).
While finding the Github, I see they now actually package an Electron application, so that is probably worth exploring[2].
-
Is a fully open-source draw.io possible?
:
The source code authored by us in this repo is
-
Ask HN: Tell us about your project that's not done yet but you want feedback on
There are also mockups with more features, so ignore weird UI at first.
-
Draw.io
> Additional minified JavaScript files and Java libraries are used in this project. All of the licenses are deemed compatible with the Apache 2.0, nothing is GPL or AGPL, due dilgence is performed on all third-party code.
Here's an issue that was opened:
https://github.com/jgraph/drawio/issues/3782
> The file for converting the mermaid code to mxgaph xml is available only in minified version. the unminified version "mermaid2drawio.js" is missing. Please include that.
Answer:
> We do not supply the source to that file.
With such phrasing, for now, I'll consider drawio proprietary with some parts in Apache 2 (even if it's actually the majority of the code).
It might be possible to have a fork with some optional features related to these non provided files removed, if by luck no critical feature is impacted.
Nah, they took the bulk of the renderer behind closed doors a while ago. Behold: https://github.com/jgraph/drawio/blob/dev/src/main/webapp/mx...
-
Pikchr: A PIC-like markup language for diagrams in technical documentation
> you will never know if draw.io will be around in a few years' time.
https://github.com/jgraph/drawio#readme (Apache 2, at least for now)
-
Narrative Game Design
Never heard of Backlight Gem, sounds like a flashlight up your ass... Use this, it's free: https://www.drawio.com/
-
Publicly used computers in Munich?
Just wanted to mention this here. You don't need a PC with lots of resources these days. Anything that can run a browser can also be used to edit images, create graphics, or even resumes. I think with those tools, you could even use a crappy library PC as long as it has a modern browser running.
-
HarvardX CS50's Introduction to Programming with Python
Protip: get draw.io if you want to edit that file. Or just use the online https://www.drawio.com/ (previously diagram.net?)
to-markdown
-
I need automatic source URLs when I paste any text onto a card or note, like on OneNote.
// Original script // https://gist.github.com/kepano/90c05f162c37cf730abb8ff027987ca3 // Bookmarklet Converter // https://caiorss.github.io/bookmarklet-maker/ // Libraries // https://github.com/mixmark-io/turndown // https://github.com/mozilla/readability javascript: Promise.all([import('https://unpkg.com/[email protected]?module'), import('https://unpkg.com/@tehshrike/[email protected]'), ]).then(async ([{ default: Turndown }, { default: Readability }]) => { /* Optional vault name */ const vault = ""; /* Optional folder name such as "Clippings/" */ const folder = "Clippings/"; /* Optional tags */ const tags = ""; function getSelectionHtml() { var html = ""; if (typeof window.getSelection != "undefined") { var sel = window.getSelection(); if (sel.rangeCount) { var container = document.createElement("div"); for (var i = 0, len = sel.rangeCount; i < len; ++i) { container.appendChild(sel.getRangeAt(i).cloneContents()); } html = container.innerHTML; } } else if (typeof document.selection != "undefined") { if (document.selection.type == "Text") { html = document.selection.createRange().htmlText; } } return html; } const selection = getSelectionHtml(); const { title, byline, content } = new Readability(document.cloneNode(true)).parse(); function getFileName(fileName) { var userAgent = window.navigator.userAgent, platform = window.navigator.platform, windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE']; if (windowsPlatforms.indexOf(platform) !== -1) { fileName = fileName.replace(':', '').replace(/[/\\?%*|"<>]/g, '-'); } else { fileName = fileName.replace(':', '').replace(/\//g, '-').replace(/\\/g, '-'); } return fileName; } const fileName = getFileName(title); if (selection) { var markdownify = selection; } else { var markdownify = content; } if (vault) { var vaultName = '&vault=' + encodeURIComponent(`${vault}`); } else { var vaultName = ''; } const markdownBody = new Turndown({ headingStyle: 'atx', hr: '---', bulletListMarker: '-', codeBlockStyle: 'fenced', emDelimiter: '*', }).turndown(markdownify); var date = new Date(); function convertDate(date) { var yyyy = date.getFullYear().toString(); var mm = (date.getMonth()+1).toString(); var dd = date.getDate().toString(); var mmChars = mm.split(''); var ddChars = dd.split(''); return yyyy + '-' + (mmChars[1]?mm:"0"+mmChars[0]) + '-' + (ddChars[1]?dd:"0"+ddChars[0]); } const today = convertDate(date); // This is the output template // It is similar to an Obsidian core template // except to insert a value we use: ${value} instead of {{value}} const fileContent =`--- type: clipping date_added: ${today} aliases: [] tags: [${tags}] --- author:: ${byline.toString().split('\n')[0].trim()} source:: [${title}](${document.URL}) ${markdownBody} `; // This copies your text to the clipboard navigator.clipboard.writeText(fileContent); // This creates a new document in Obsidian containing your clipping // I commented it out as this isn't what you asked for /* document.location.href = "obsidian://new?" + "file=" + encodeURIComponent(folder + fileName) + "&content=" + encodeURIComponent(fileContent) + vaultName; */ })
- Content Parser – Extract Markdown, HTML or text from content-heavy websites
-
Do you trust the Obsidian company?
turndown [MIT] https://mixmark-io.github.io/turndown/
What are some alternatives?
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
plantuml - Generate diagrams from textual description
drawio-desktop - Official electron build of draw.io
CherryTree - cherrytree
HackMD - CodiMD - Realtime collaborative markdown notes on all platforms.
ShareLaTex - A web-based collaborative LaTeX editor
egon.io - A tool to visualize Domain Stories in your browser
Modelio - Modelio is a modeling solution offering a wide range of functionalities based on the main standards of enterprise architecture, software development and systems engineering.
dillinger - The last Markdown editor, ever.