77 lines
2.5 KiB
Plaintext
77 lines
2.5 KiB
Plaintext
@page "/creator"
|
|
@using Microsoft.AspNetCore.Authorization
|
|
@attribute [AllowAnonymous]
|
|
|
|
<PageTitle>Kreator Treści (Zen Mode)</PageTitle>
|
|
|
|
<div class="creator-fullscreen-wrapper">
|
|
<div class="creator-header">
|
|
<h1>Kreator Treści</h1>
|
|
<p class="subtitle">Zen publishing workspace mapping standard Markdown into clean visual blocks.</p>
|
|
</div>
|
|
|
|
<div class="milkdown-premium-container creator-workspace-card" spellcheck="false">
|
|
<div class="editor-growing-area">
|
|
<MarkdownEditor @ref="_editorRef" InitialMarkdown="@_initialMarkdown" OnSave="HandleSave" ShowFetchButton="false" Height="100%" />
|
|
</div>
|
|
|
|
<div class="creator-actions-bar">
|
|
<button type="button" @onclick="TriggerFetchAsync" class="nexus-btn premium-fetch-btn btn-nexus-premium">
|
|
<span>Fetch Markdown Content</span>
|
|
<svg class="arrow-icon" viewBox="0 0 24 24" width="16" height="16" stroke="currentColor" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
<polyline points="12 5 19 12 12 19"></polyline>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
@if (!string.IsNullOrEmpty(_savedMarkdown))
|
|
{
|
|
<div class="creator-preview-card">
|
|
<div class="preview-header">
|
|
<h3>Retrieved Markdown Preview</h3>
|
|
</div>
|
|
<div class="pre-wrapper">
|
|
<pre class="code-preview-block"><code>@_savedMarkdown</code></pre>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
|
|
@code {
|
|
private MarkdownEditor? _editorRef;
|
|
private string _savedMarkdown = string.Empty;
|
|
|
|
private readonly string _initialMarkdown = @"# Zen Mode Editor
|
|
|
|
Welcome to your dedicated workspace. This premium panel supports Notion-like WYSIWYG editing.
|
|
|
|
## Features:
|
|
- **Zero Distraction**: Simple elevation and border framing.
|
|
- **GFM Tables**: Consistent cell padding and hover striping.
|
|
- **Clean Code Blocks**: Pre-rendered base64 font-loaded code-preview blocks.
|
|
|
|
| Option | Active | Value |
|
|
| :--- | :---: | :--- |
|
|
| Zen Mode | Yes | High Focus |
|
|
| Responsive | Yes | 1200px Max |
|
|
| Theme Sync | Yes | Automatic |
|
|
|
|
Start writing your masterpiece...";
|
|
|
|
private async Task TriggerFetchAsync()
|
|
{
|
|
if (_editorRef is not null)
|
|
{
|
|
await _editorRef.FetchContentAsync();
|
|
}
|
|
}
|
|
|
|
private void HandleSave(string markdown)
|
|
{
|
|
_savedMarkdown = markdown;
|
|
StateHasChanged();
|
|
}
|
|
}
|