readability VS zotero

I'm working with the Mozilla's readability library https://github.com/mozilla/readability to get the "readable" text from articles and now I want to style the extracted text in a readable way.

Do you remember the Firefox Reader View? It's a feature that removes all unnecessary components like buttons, menus, images, and so on, from a website, focusing on the readable content of the page. The library powering this feature is called Readability.js, which is open source.

I wonder if Firefox "reader mode as a utility" might be a viable alternative for Pinboard like "content oriented" archiving?

https://github.com/mozilla/readability

Depending upon the type of content, one might want to look into using the Readability (Browder's reader view) to parse the webpage. It will give you all the useful info without the junk. Then you can put it in the DB as needed.

https://github.com/mozilla/readability

Btw, readability, is also available in few other languages like Kotlin:

https://github.com/dankito/Readability4J

Same as above but the ability to grab the entire article text (you can use the Readability library for that: https://github.com/mozilla/readability)

// 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; */ })

So first part of the task is to "extract the text from URL", and that is achieved by using descendant of https://github.com/mozilla/readability library which can extract text of any URL.

- a collaborative visual bookmarking tool. It started as something comparable to a visual pinboard, but then I discovered https://github.com/mozilla/readability and it turned into a cross between pinboard and pocket

* Tendee https://tendee.co/ - an attendance tracking tool for recurring events (track a team over a sports season) with a wait-list option as well. Technically it can be used to fill the void between a calendar event, an evite and a Facebook event page, but that's such a narrow use case. This one is still very new.

In this video, I roast a port of a Mozilla Javascript library, readability.js (https://github.com/mozilla/readability) to Go (https://github.com/cixtor/readability).

Maybe try Zotero[1]. There are many addons which can do what you need.

[1]https://www.zotero.org/

- use CTRL-SHIFT-DRAG to drop files into Zotero as Links, see [#77](https://github.com/zotero/zotero/issues/77)

And next time, you use a real literature management program like zotero (some university libraries offer classes, there is a r/zotero, etc) or jabref to create a proper bibtex file with the references. It is not that difficult, and keeps you sane (esp. if a paper has to be formatted for a different publisher). See e.g. learnlatex.

Zotero | Remote | Full-Time or Part-Time | https://www.zotero.org

Zotero is an open-source project that develops software to help people collect, organize, annotate, cite, and share their research. Our software is recommended by most universities and used by millions of students, scholars, scientists, and researchers worldwide.

We're looking for a JavaScript developer to work on Zotero "translators" — the pieces of code that let people click a button in their browser toolbar on any webpage and save high-quality metadata and files to their Zotero libraries. If you like web scraping, APIs, data formats, and exploring sites in the browser devtools, this would be up your alley. As a core Zotero developer, you'll also have the ability to work across Zotero's vast ecosystem and help shape the future of the project.

This is an open-ended contract role that can scale up and down in hours based on availability and workload.

https://www.zotero.org/jobs

Zotero is your answer, it even auto generates your citations.

https://www.zotero.org/

Apparently there are plugins for Logseq and Obsidian as well.

Zotero - Price: Free Free and open-source reference manager that helps you collect, organize, and cite your research sources.

I use the free and open source Zotero which I think you'd find very calibre-like and manage notes and concept linking with org-roam in emacs.

Zotero is great, but only if enhanced with plugins and a few settings. I don't use Zotero Better Notes so far, but here's my list:

- disable sync

- set “Base directory” (Preferences > Advanced > Files and Folders) to local literature folder

- set PDF View to “System default” (Preferences > General > “Open PDFs using..”)

- Enable recursive quick search in folders: go to Preferences > Advanced > Config Editor, search for `recursiveCollections`, double click (set to True)

- use CTRL-SHIFT-DRAG to drop files into Zotero as Links, see [#77](https://github.com/zotero/zotero/issues/77)

- use CTRL-Shift-C to copy bibliography to clipboard

- Dark Theme [1]

  :

If I come across an article I want to come back to, I add it to my Zotero [1]. You can choose what level of snapshot to capture; I save thorough enough webpages to not have to worry about linkrot.

I already had Zotero set up for academic papers, but it probably is good enough to recommend over pocket or Unroll.me or any other ersatz solution.

It has browser plugins, syncing, both tags and folders, and it's free. You can pay them to sync larger files if you like, or you can use Zotfile.

1) https://www.zotero.org/