code.gitea.io/gitea@v1.22.3/templates/shared/combomarkdowneditor.tmpl (about)

     1  {{/*
     2  Template Attributes:
     3  * ContainerId: id attribute for the container element
     4  * ContainerClasses: additional classes for the container element
     5  * MarkdownPreviewUrl: preview url for the preview tab
     6  * MarkdownPreviewContext: preview context for the preview tab
     7  * TextareaName: name attribute for the textarea
     8  * TextareaContent: content for the textarea
     9  * TextareaPlaceholder: placeholder attribute for the textarea
    10  * TextareaAriaLabel: aria-label attribute for the textarea
    11  * DropzoneParentContainer: container for file upload (leave it empty if no upload)
    12  * DisableAutosize: whether to disable automatic height resizing
    13  */}}
    14  <div {{if .ContainerId}}id="{{.ContainerId}}"{{end}} class="combo-markdown-editor {{.ContainerClasses}}" data-dropzone-parent-container="{{.DropzoneParentContainer}}">
    15  	{{if .MarkdownPreviewUrl}}
    16  	<div class="ui top tabular menu">
    17  		<a class="active item" data-tab-for="markdown-writer">{{template "shared/misc/tabtitle" (ctx.Locale.Tr "write")}}</a>
    18  		<a class="item" data-tab-for="markdown-previewer" data-preview-url="{{.MarkdownPreviewUrl}}" data-preview-context="{{.MarkdownPreviewContext}}">{{template "shared/misc/tabtitle" (ctx.Locale.Tr "preview")}}</a>
    19  	</div>
    20  	{{end}}
    21  	<div class="ui tab active" data-tab-panel="markdown-writer">
    22  		<markdown-toolbar>
    23  			<div class="markdown-toolbar-group">
    24  				<md-header class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.heading.tooltip"}}">{{svg "octicon-heading"}}</md-header>
    25  				<md-bold class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.bold.tooltip"}}">{{svg "octicon-bold"}}</md-bold>
    26  				<md-italic class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.italic.tooltip"}}">{{svg "octicon-italic"}}</md-italic>
    27  			</div>
    28  			<div class="markdown-toolbar-group">
    29  				<md-quote class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.quote.tooltip"}}">{{svg "octicon-quote"}}</md-quote>
    30  				<md-code class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.code.tooltip"}}">{{svg "octicon-code"}}</md-code>
    31  				<md-link class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.link.tooltip"}}">{{svg "octicon-link"}}</md-link>
    32  			</div>
    33  			<div class="markdown-toolbar-group">
    34  				<md-unordered-list class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.list.unordered.tooltip"}}">{{svg "octicon-list-unordered"}}</md-unordered-list>
    35  				<md-ordered-list class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.list.ordered.tooltip"}}">{{svg "octicon-list-ordered"}}</md-ordered-list>
    36  				<md-task-list class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.list.task.tooltip"}}">{{svg "octicon-tasklist"}}</md-task-list>
    37  			</div>
    38  			<div class="markdown-toolbar-group">
    39  				<md-mention class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.mention.tooltip"}}">{{svg "octicon-mention"}}</md-mention>
    40  				<md-ref class="markdown-toolbar-button" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.ref.tooltip"}}">{{svg "octicon-cross-reference"}}</md-ref>
    41  			</div>
    42  			<div class="markdown-toolbar-group">
    43  				<button class="markdown-toolbar-button markdown-switch-monospace" role="switch" data-enable-text="{{ctx.Locale.Tr "editor.buttons.enable_monospace_font"}}" data-disable-text="{{ctx.Locale.Tr "editor.buttons.disable_monospace_font"}}">{{svg "octicon-typography"}}</button>
    44  				<button class="markdown-toolbar-button markdown-switch-easymde" data-tooltip-content="{{ctx.Locale.Tr "editor.buttons.switch_to_legacy.tooltip"}}">{{svg "octicon-arrow-switch"}}</button>
    45  			</div>
    46  		</markdown-toolbar>
    47  		<text-expander keys=": @" suffix="">
    48  			<textarea class="markdown-text-editor"{{if .TextareaName}} name="{{.TextareaName}}"{{end}}{{if .TextareaPlaceholder}} placeholder="{{.TextareaPlaceholder}}"{{end}}{{if .TextareaAriaLabel}} aria-label="{{.TextareaAriaLabel}}"{{end}}{{if .DisableAutosize}} data-disable-autosize="{{.DisableAutosize}}"{{end}}>{{.TextareaContent}}</textarea>
    49  		</text-expander>
    50  		<script>
    51  			if (localStorage?.getItem('markdown-editor-monospace') === 'true') {
    52  				document.querySelector('.markdown-text-editor').classList.add('tw-font-mono');
    53  			}
    54  		</script>
    55  	</div>
    56  	<div class="ui tab markup" data-tab-panel="markdown-previewer">
    57  		{{ctx.Locale.Tr "loading"}}
    58  	</div>
    59  </div>