<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[wireloom in markdown viewers]]></title><description><![CDATA[<p dir="auto">I’m unclear as to the best markdown viewer for NP++ so posting here in the hope that at least one author will pick this up.<br />
A tool, wireloom, for creating user interface diagrams from text in a markdown fenced code block has been released on Github: <a href="https://github.com/StardockCorp/Wireloom" rel="nofollow ugc">https://github.com/StardockCorp/Wireloom</a>. It creates rather good wireframes for UI development. I wondered if any of the markdown viewer plugin authors would be interested in incorporating it in their plugins.<br />
I did look at the resepctive GitHub pages for the viewers, but none seem to allow for requesting new features.</p>
]]></description><link>https://community.notepad-plus-plus.org/topic/27655/wireloom-in-markdown-viewers</link><generator>RSS for Node</generator><lastBuildDate>Fri, 11 Sep 2026 10:51:25 GMT</lastBuildDate><atom:link href="https://community.notepad-plus-plus.org/topic/27655.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 10 Sep 2026 10:37:36 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to wireloom in markdown viewers on Thu, 10 Sep 2026 23:34:21 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/rdipardo" aria-label="Profile: rdipardo">@<bdi>rdipardo</bdi></a> Thanks, that might be helpful. For now, I don’t have Edge and I’m really looking to use it on markdown files within NP++.</p>
]]></description><link>https://community.notepad-plus-plus.org/post/106290</link><guid isPermaLink="true">https://community.notepad-plus-plus.org/post/106290</guid><dc:creator><![CDATA[Keith Collyer]]></dc:creator><pubDate>Thu, 10 Sep 2026 23:34:21 GMT</pubDate></item><item><title><![CDATA[Reply to wireloom in markdown viewers on Thu, 10 Sep 2026 18:01:31 GMT]]></title><description><![CDATA[<p dir="auto">Provided you have MS Edge installed, here’s an example that works fine with the <a href="https://github.com/rdipardo/npp_preview#readme" rel="nofollow ugc">Preview HTML</a> plugin:</p>
<p dir="auto"><img src="/assets/uploads/files/1789063091044-preview-html-wireloom.png" alt="preview-html-wireloom.png" class=" img-fluid img-markdown" /></p>
<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;wireloom demo&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="container"&gt;&lt;/div&gt;
  &lt;script type="module"&gt;
    import wireloom from 'https://cdn.jsdelivr.net/npm/wireloom@0.7.0/+esm';

    wireloom.initialize({ theme: 'default' });

    // Render a source string to an SVG string.
    const { svg } = await wireloom.render('my-diagram',`
window "Sign in":
  header:
    text "Welcome"
  panel:
    input placeholder="Email"
    input placeholder="Password" type=password
    button "Sign in" primary
`);
    document.getElementById('container').innerHTML = svg;
  &lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>
]]></description><link>https://community.notepad-plus-plus.org/post/106288</link><guid isPermaLink="true">https://community.notepad-plus-plus.org/post/106288</guid><dc:creator><![CDATA[rdipardo]]></dc:creator><pubDate>Thu, 10 Sep 2026 18:01:31 GMT</pubDate></item></channel></rss>