50 lines
1.4 KiB
Plaintext
50 lines
1.4 KiB
Plaintext
@using Blazored.TextEditor
|
|
|
|
<MudPaper Height="@Height" Class="@Class" Style="@Style">
|
|
<MudPaper Elevation="0" Style="height:calc(100% - 50px)">
|
|
<BlazoredTextEditor @ref="@BlazorTextEditor">
|
|
<ToolbarContent>
|
|
<select class="ql-header">
|
|
<option selected=""></option>
|
|
<option value="1"></option>
|
|
<option value="2"></option>
|
|
<option value="3"></option>
|
|
<option value="4"></option>
|
|
<option value="5"></option>
|
|
</select>
|
|
<span class="ql-formats">
|
|
<button class="ql-bold"></button>
|
|
<button class="ql-italic"></button>
|
|
<button class="ql-underline"></button>
|
|
<button class="ql-strike"></button>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<select class="ql-color"></select>
|
|
<select class="ql-background"></select>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<button class="ql-list" value="ordered"></button>
|
|
<button class="ql-list" value="bullet"></button>
|
|
</span>
|
|
<span class="ql-formats">
|
|
<button class="ql-link"></button>
|
|
</span>
|
|
</ToolbarContent>
|
|
<EditorContent>
|
|
</EditorContent>
|
|
</BlazoredTextEditor>
|
|
</MudPaper>
|
|
</MudPaper>
|
|
|
|
|
|
@code {
|
|
[Parameter]
|
|
public BlazoredTextEditor BlazorTextEditor { get; set; }
|
|
[Parameter]
|
|
public string Height { get; set; } = "100%";
|
|
[Parameter]
|
|
public string Class { get; set; } = "";
|
|
[Parameter]
|
|
public string Style { get; set; } = "";
|
|
|
|
} |