Github Showdown

broken image


Join the Discord! General documentation for modifying Pokemon Showdown - pssdoc.md. Adding and Modifying Pokemon in Pokemon Showdown's Server. Expanded and flattened data structures are seen the same way by the node.js, but flattened structures tend to be more difficult for people to read and expanded structures use more resources to host. What is Showdown? Showdown is a Javascript Markdown to HTML bidirectional converter, based on the original works by John Gruber. Showdown can be used client side (in the browser) or server side (with nodejs). See it working in the live demo!

WARNING

This guide is for Vue 3 only. If you're using Vue 2, please check out the docs hereopen in new window.

# Getting Started

# NPM

Install via npm / yarn

Import vue-showdown as a vue plugin:

Or import vue-showdown as a vue component:

Then use in your vue SFC:

TIP

Markdown To Html Javascript

vue-showdown also provides UMDopen in new window, CommonJSopen in new window and ES Moduleopen in new window builds as vue does. Go to the Vue documentopen in new window for more details.

Showdownjs

# Browser

Direct </code> import after <code>vue.js</code> and <code>showdown.js</code>. Then use <code>vue-showdown</code> as a vue plugin / component.</p><h2># Plugin Options</h2><h3># flavor</h3><p>Default flavor of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>string | null</code></li><li>default: <code>null</code></li><li>possible values: <code>'github' | 'original' | 'ghost' | 'vanilla' | 'allOn'</code></li></ul><p>TIP</p><p>The <code>flavor</code> here will be set globally by <code>showdown.setFlavor()</code>.</p><h3># options</h3><p>Default options of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>Object</code></li><li>default: <code>{}</code></li></ul><p>TIP</p><p>The <code>options</code> here will be set globally by <code>showdown.setOption()</code> after <code>showdown.setFlavor()</code>, which will override the flavor's options.</p><h2># Component Props</h2><h3># markdown</h3><p>The raw markdown content to parse.</p><ul><li>type: <code>string | null</code></li><li>default: <code>null</code></li></ul><h3># tag</h3><p>The HTML tag of the markdown wrapper. Similar to vue-router's tag<span>open in new window</span>.</p><ul><li>type: <code>string</code></li><li>default: <code>'div'</code></li></ul><h3># flavor</h3><p>Flavor of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>string | null</code></li><li>default: <code>null</code></li><li>possible values: <code>'github' | 'original' | 'ghost' | 'vanilla' | 'allOn'</code></li></ul><p>TIP</p><p>If you set <code>flavor</code> via props, all the options will be reset to the flavor's options, which will override the default options you set by <code>app.use()</code>.</p><h3># options</h3><p>Options of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>Object</code></li><li>default: <code>{}</code></li></ul><p>TIP</p><p>The <code>options</code> prop will override the default options set by <code>app.use()</code>.</p><p>If you also set <code>flavor</code> prop, the <code>options</code> prop will override the flavor's options, too.</p><h3># extensions</h3><p>Extensions of showdown. Docs here<span>open in new window</span>.</p><ul><li>type: <code>Array | null</code></li><li>default: <code>null</code></li></ul><p>TIP</p><p><a href='https://tronic-download.mystrikingly.com/blog/macos-system-monitor' title='Macos system monitor'>Macos system monitor</a>. Check the Advance - Extensions section for details.</p><h3># vueTemplate</h3><p>Treat the parsed HTML string as vue template. This will allow you to use vue template syntax in your markdown.</p><ul><li>type: <code>Boolean</code></li><li>default: <code>false</code></li></ul><p>ATTENSION</p><p>If you set it to <code>true</code>, you have to use the full (runtime + compiler) build of Vue, as we need to compile templates on the client. See Runtime + Compiler vs. Runtime-only<span>open in new window</span>.</p><p>If you have similar request as #5<span>open in new window</span>, you can enable this feature.</p><h2># Advance</h2>

Github Showdown

# Showdown library

You can also import showdown itself from vue-showdown for advance usages.

# Extensions

According to the official docs about extensionsopen in new window, there is no way to set default extensions globally for now.

So the only way to set extensions is via the extensions prop of the VueShowdown component. Artrage 5 0 7 full mac crack torrent.

Roxio secure burn 1 2007. Alternatively, you can register extensions globally via showdown.extension(), and reference it in the extension prop directly by the name that you registered.





broken image