alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-25 23:28:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

attempting to fix monaco

Browse Source
This commit is contained in:
Alex Mickelson
2024-09-04 14:20:30 -06:00
parent 1f43c6305d
commit 3c86d3be88
1 changed files with 35 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
Management.Web/Shared/Components/MonacoTextArea.razor
View File

@@ -1,4 +1,5 @@
@* @rendermode @(new InteractiveServerRenderMode(prerender: false)) *@
@implements IDisposable
@using BlazorMonaco @using BlazorMonaco
@using BlazorMonaco.Editor @using BlazorMonaco.Editor
@@ -9,42 +10,50 @@
[Parameter, EditorRequired] [Parameter, EditorRequired]
public Action<string> OnChange { get; set; } = default!; public Action<string> OnChange { get; set; } = default!;
private string randomId = "monaco-editor-" + BitConverter.ToString(new byte[16].Select(b => (byte)new Random().Next(256)).ToArray()).Replace("-", "");
private string randomId = "monaco-editor-" + BitConverter.ToString(new byte[16].Select(b => (byte)new
Random().Next(256)).ToArray()).Replace("-", "");
private StandaloneCodeEditor _editor = null!; private StandaloneCodeEditor? _editor = null;
private StandaloneEditorConstructionOptions EditorConstructionOptions(StandaloneCodeEditor editor) private StandaloneEditorConstructionOptions EditorConstructionOptions(StandaloneCodeEditor editor)
{ {
return new StandaloneEditorConstructionOptions return new StandaloneEditorConstructionOptions
{ {
Language = "markdown", Language = "markdown",
Theme = "vs-dark", Theme = "vs-dark",
TabSize = 2, TabSize = 2,
Value = Value, Value = Value,
Minimap = new EditorMinimapOptions { Enabled = false }, Minimap = new EditorMinimapOptions { Enabled = false },
LineNumbers = "off", LineNumbers = "off",
LineDecorationsWidth = 0, LineDecorationsWidth = 0,
WordWrap = "on", WordWrap = "on",
AutomaticLayout = true, AutomaticLayout = true,
FontFamily = "Roboto-mono", FontFamily = "Roboto-mono",
FontSize = 16, FontSize = 16,
Padding = new EditorPaddingOptions() { Padding = new EditorPaddingOptions()
Top = 10 {
} Top = 10
}; }
};
} }
private async Task OnDidChangeModelContent() private async Task OnDidChangeModelContent()
{ {
if (_editor == null) return;
var newValue = await _editor.GetValue(); var newValue = await _editor.GetValue();
OnChange(newValue); OnChange(newValue);
} }
void IDisposable.Dispose()
{
_editor?.Dispose();
_editor = null;
}
} }
<StandaloneCodeEditor
@ref="_editor" <StandaloneCodeEditor @ref="_editor" Id="@randomId" ConstructionOptions="EditorConstructionOptions"
Id="@randomId" OnDidChangeModelContent="OnDidChangeModelContent" />
ConstructionOptions="EditorConstructionOptions"
OnDidChangeModelContent="OnDidChangeModelContent"
/>