2b:null 2c:["$","title",null,{"children":"wtf-plugin-html | spencer kelly | Observable"}] 31:T48c,md` --- Some things to note: ### CSS without adding some styling, the html output looks pretty crappy. There are simple classnames added to make this process straightforward. ### Infoboxes There is a large-number of ad-hoc rendering logic done in some infoboxes, to generate svgs, or graphs, or present thumnail images in various ways. Depending on your context, you may want to drop certain properties (like 'signature'), or display things like iso-dates in prefered ways. This library is mostly shy about doing this stuff (right now), but it is on the medium-term plan, and any help with this is welcome. ### Links by default link hrefs are rendered as relative links. ### Images by default, images in wtf_wikipedia are fetched from the Commons api. You can change the default image endpoint using [wtf-plugin-image](https://github.com/spencermountain/wtf_wikipedia/tree/master/plugins/image). ### Templates some templates generate graphs, or transclude data-tables. There is a lot of display-logic and color-choice done in wikipedia (and on a per language basis!). See [Template:Bar_box](https://en.wikipedia.org/wiki/Template:Bar_box) for example. --- `32:[] 2f:{"id":"929d77b6d115ba28","slug":"wtf-plugin-html","title":"wtf-plugin-html","thumbnail":"4a3680bddf6060175edc0675ef01204e7811bead57bc88725a57018253c42d96","access_level":"public","create_time":"$D2020-03-23T17:45:56.193Z","update_time":"$D2020-03-23T18:06:35.649Z","view_time":null,"first_public_time":"$D2020-03-23T18:06:41.197Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"178b998367cf1e11","login":"spencermountain","name":"spencer kelly","avatar_url":"https://avatars-next.observableusercontent.com/006044842415892d25db450d275d493d3e5629ec1c2a2dfad0167421e0f026f9","tier":"starter_2024"},"version":54,"publish_version":54,"role":null,"authored":false,"authors":[{"type":"individual","id":"25825fd15d797d3f","login":"spencermountain","name":"spencer kelly","avatar_url":"https://avatars-next.observableusercontent.com/006044842415892d25db450d275d493d3e5629ec1c2a2dfad0167421e0f026f9","tier":null}],"members":[{"type":"individual","id":"25825fd15d797d3f","login":"spencermountain","name":"spencer kelly","avatar_url":"https://avatars-next.observableusercontent.com/006044842415892d25db450d275d493d3e5629ec1c2a2dfad0167421e0f026f9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"707d5444c23aaf68","slug":"wtf_wikipedia","title":"wtf_wikipedia","owner":{"id":"178b998367cf1e11","login":"spencermountain","name":"spencer kelly"}},"type":"notebook","body":{"title":"wtf-plugin-html","cells":[{"id":0,"value":"md`# wtf-plugin-html\n\n[wtf-plugin-html](https://github.com/spencermountain/wtf_wikipedia/tree/master/plugins/html) is a plugin for [wtf_wikipedia](https://github.com/spencermountain/wtf_wikipedia/) that does some rendering of a page into html format.\n\nThere are a number of limitations, caveats, and things to consider.\n\nBut briefly:\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":34,"value":"{\n let wiki = `'''Tropicana Field''', also commonly known as '''The Trop''', is a domed stadium located in [[St. Petersburg, Florida]], United States`\n let doc = wtf(wiki)\n return doc.html()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":38,"value":"md`---\nThis is a simple example,\n\nyou can see it ~~doing~~ *trying to do* a full page here:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"viewof page = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":21,"value":"viewof lang = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":26,"value":"wtf.fetch(page, lang).then(doc => doc.html())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":49,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10,"value":"md`### Install\n\n\\`\\`\\`\nnpm i wtf-plugin-html\n\\`\\`\\`\n\n\\`\\`\\`\nconst wtf = require('wtf_wikipedia')\nwtf.plugin(require('wtf-plugin-html'))\n\\`\\`\\`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"wtf = {\n let nlp = await require('wtf_wikipedia@latest')\n let plugin = await require('wtf-plugin-html')\n nlp.extend(plugin)\n return nlp\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"