github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-03-26 08:45:16 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add spoiler and strikethrough buttons ()

Browse Source 
Co-authored-by: Sami Mazouz <sychocouldy@gmail.com>
This commit is contained in:
Hasan Özbey 2021-09-20 17:18:48 +03:00 committed by GitHub
parent 6c07082c83
commit e376358e64
2 changed files with 7 additions and 1 deletions
extensions/markdown
js/src/forum
index.js
locale
en.yml

6
extensions/markdown/js/src/forum/index.js

@ -21,12 +21,14 @@ const styles = {
'header': { prefix: '### ' },
'bold': { prefix: '**', suffix: '**', trimFirst: true },
'italic': { prefix: '_', suffix: '_', trimFirst: true },
'strikethrough': { prefix: '~~', suffix: '~~', trimFirst: true },
'quote': { prefix: '> ', multiline: true, surroundWithNewlines: true },
'code': { prefix: '`', suffix: '`', blockPrefix: '```', blockSuffix: '```' },
'link': { prefix: '[', suffix: '](https://)', replaceNext: 'https://', scanFor: 'https?://' },
'image': { prefix: '![', suffix: '](https://)', replaceNext: 'https://', scanFor: 'https?://' },
'unordered_list': { prefix: '- ', multiline: true, surroundWithNewlines: true },
'ordered_list': { prefix: '1. ', multiline: true, orderedList: true }
'ordered_list': { prefix: '1. ', multiline: true, orderedList: true },
'spoiler': { prefix: '>!', suffix: '!<', blockPrefix: '>! ', multiline: true, trimFirst: true }
}
const applyStyle = (id) => {
@ -64,7 +66,9 @@ app.initializers.add('flarum-markdown', function (app) {
<MarkdownButton title={tooltip('header')} icon="fas fa-heading" onclick={makeApplyStyle('header')} />
<MarkdownButton title={tooltip('bold', 'b')} icon="fas fa-bold" onclick={makeApplyStyle('bold')} />
<MarkdownButton title={tooltip('italic', 'i')} icon="fas fa-italic" onclick={makeApplyStyle('italic')} />
<MarkdownButton title={tooltip('strikethrough')} icon="fas fa-strikethrough" onclick={makeApplyStyle('strikethrough')} />
<MarkdownButton title={tooltip('quote')} icon="fas fa-quote-left" onclick={makeApplyStyle('quote')} />
<MarkdownButton title={tooltip('spoiler')} icon="fas fa-exclamation-triangle" onclick={makeApplyStyle('spoiler')} />
<MarkdownButton title={tooltip('code')} icon="fas fa-code" onclick={makeApplyStyle('code')} />
<MarkdownButton title={tooltip('link')} icon="fas fa-link" onclick={makeApplyStyle('link')} />
<MarkdownButton title={tooltip('image')} icon="fas fa-image" onclick={makeApplyStyle('image')} />

2
extensions/markdown/locale/en.yml

@ -9,4 +9,6 @@ flarum-markdown:
link_tooltip: Add a link
ordered_list_tooltip: Add a numbered list
quote_tooltip: Insert a quote
spoiler_tooltip: Insert a spoiler
strikethrough_tooltip: Add strikethrough text
unordered_list_tooltip: Add a bulleted list