| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216 |
- <template lang='pug'>
- v-container(fluid, fill-height, grid-list-lg)
- v-layout(row wrap)
- v-flex(xs12)
- .headline.primary--text Rendering
- .subheading.grey--text Configure how content is rendered
- v-layout.mt-3(row wrap)
- v-flex(lg3 xs12)
- v-card
- v-toolbar(
- color='primary'
- dense
- flat
- dark
- )
- v-icon.mr-2 line_weight
- .subheading Pipeline
- v-toolbar(
- color='blue'
- dense
- dark
- )
- v-icon.mr-2 arrow_downward
- .body-2 Markdown
- v-spacer
- v-btn(
- icon
- @click=''
- )
- v-icon add
- v-list(two-line, dense)
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') crop_free
- v-list-tile-content
- v-list-tile-title Core
- v-list-tile-sub-title Basic Markdown parser
- v-list-tile-avatar
- v-icon(color='green', small) lens
- v-divider.my-0
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') tag_faces
- v-list-tile-content
- v-list-tile-title Emoji
- v-list-tile-sub-title Convert tags to emojis
- v-list-tile-avatar
- v-icon(color='green', small) lens
- v-divider.my-0
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') list
- v-list-tile-content
- v-list-tile-title Task Lists
- v-list-tile-sub-title Parse task lists to checkboxes
- v-list-tile-avatar
- v-icon(color='green', small) lens
- v-divider.my-0
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') multiline_chart
- v-list-tile-content
- v-list-tile-title PlantUML
- v-list-tile-sub-title Generate diagrams from PlantUML syntax
- v-list-tile-avatar
- v-icon(color='green', small) lens
- v-divider.my-0
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') merge_type
- v-list-tile-content
- v-list-tile-title Mermaid
- v-list-tile-sub-title Generate flowcharts from Mermaid syntax
- v-list-tile-avatar
- v-icon(color='green', small) lens
- v-divider.my-0
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') functions
- v-list-tile-content
- v-list-tile-title Mathjax Pre-Processor
- v-list-tile-sub-title Parse Mathjax content from Markdown
- v-list-tile-avatar
- v-icon(color='red', small) trip_origin
- v-toolbar(
- color='blue'
- dense
- dark
- )
- v-icon.mr-2 arrow_downward
- .body-2 HTML
- v-spacer
- v-btn(
- icon
- @click=''
- )
- v-icon add
- v-list(two-line, dense)
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') subscriptions
- v-list-tile-content
- v-list-tile-title Video Players
- v-list-tile-sub-title Embed video players such as Youtube, Vimeo, etc.
- v-list-tile-avatar
- v-icon(color='green', small) lens
- v-divider.my-0
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') subtitles
- v-list-tile-content
- v-list-tile-title Asciinema
- v-list-tile-sub-title Embed asciinema players from compatible links
- v-list-tile-avatar
- v-icon(color='green', small) lens
- v-divider.my-0
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') volume_up
- v-list-tile-content
- v-list-tile-title Audio Players
- v-list-tile-sub-title Embed audio players for audio content
- v-list-tile-avatar
- v-icon(color='green', small) lens
- v-divider.my-0
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') insert_comment
- v-list-tile-content
- v-list-tile-title Blockquotes
- v-list-tile-sub-title Process styled blockquotes
- v-list-tile-avatar
- v-icon(color='green', small) lens
- v-divider.my-0
- v-list-tile(avatar)
- v-list-tile-avatar
- v-icon(color='grey') functions
- v-list-tile-content
- v-list-tile-title Mathjax Processor
- v-list-tile-sub-title TeX/MathML Math Equations Parser
- v-list-tile-avatar
- v-icon(color='red', small) trip_origin
- v-flex(lg9 xs12)
- v-card
- v-toolbar(
- color='grey darken-1'
- dark
- flat
- dense
- )
- v-icon.mr-2 settings_applications
- .subheading Markdown
- v-icon chevron_right
- .subheading Core
- v-spacer
- v-btn(flat, disabled)
- v-icon(left) wrap_text
- span Bypass
- v-btn(flat, disabled)
- v-icon(left) clear
- span Remove
- v-card-text
- v-switch(
- v-model='linkify'
- label='Automatically convert links'
- color='primary'
- persistent-hint
- hint='Links will automatically be converted to clickable links.'
- )
- v-divider
- v-switch(
- v-model='linkify'
- label='Automatically convert line breaks'
- color='primary'
- persistent-hint
- hint='Add linebreaks within paragraphs.'
- )
- v-divider
- v-switch(
- v-model='linkify'
- label='Highlight code blocks'
- color='primary'
- persistent-hint
- hint='Add syntax coloring to code blocks.'
- )
- v-select.mt-3(
- :items='["Light", "Dark"]'
- v-model='codeTheme'
- label='Code Color Theme'
- outline
- background-color='grey lighten-2'
- )
- v-card-chin
- v-btn(
- color='primary'
- )
- v-icon(left) check
- span Apply Configuration
- </template>
- <script>
- export default {
- data() {
- return {
- linkify: true,
- codeTheme: 'Light'
- }
- }
- }
- </script>
- <style lang='scss'>
- </style>
|
