X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fforms%2Fmarkdown-textarea.component.ts;h=cbcfdfe78aba73d9b9aac2ea8f14e79f357c383e;hb=be27ef3b4682c5639039474c39ee0d234d16f482;hp=49a57f29debd6b4ee148be8c3e1bb7ed89cd6eac;hpb=97567dd81f508dd6295ac4d73d849aa2ce0a6549;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/shared/forms/markdown-textarea.component.ts b/client/src/app/shared/forms/markdown-textarea.component.ts index 49a57f29d..cbcfdfe78 100644 --- a/client/src/app/shared/forms/markdown-textarea.component.ts +++ b/client/src/app/shared/forms/markdown-textarea.component.ts @@ -21,12 +21,14 @@ import { MarkdownService } from '@app/shared/renderer' export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit { @Input() content = '' - @Input() classes: string[] = [] + @Input() classes: string[] | { [klass: string]: any[] | any } = [] @Input() textareaWidth = '100%' @Input() textareaHeight = '150px' @Input() previewColumn = false @Input() truncate: number @Input() markdownType: 'text' | 'enhanced' = 'text' + @Input() markdownVideo = false + @Input() name = 'description' textareaMarginRight = '0' flexDirection = 'column' @@ -89,9 +91,11 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit { this.previewHTML = await this.markdownRender(this.content) } - private markdownRender (text: string) { - if (this.markdownType === 'text') return this.markdownService.textMarkdownToHTML(text) + private async markdownRender (text: string) { + const html = this.markdownType === 'text' ? + await this.markdownService.textMarkdownToHTML(text) : + await this.markdownService.enhancedMarkdownToHTML(text) - return this.markdownService.enhancedMarkdownToHTML(text) + return this.markdownVideo ? this.markdownService.processVideoTimestamps(html) : html } }