SystemSh0cker/monaco-editor
1
0
Fork 0
mirror of https://github.com/microsoft/monaco-editor.git synced 2025-12-22 17:25:39 +01:00
Code Issues Projects Releases Packages Activity

Fixes https://github.com/microsoft/monaco-editor/issues/4799

Browse source
This commit is contained in:
Henning Dieterichs 2025-05-05 17:19:10 +02:00
parent 495d075be0
commit 1dbc86d8d9
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
website/src/website/pages/playground/PlaygroundPageContent.tsx
View file

@ -19,7 +19,6 @@ import { Preview } from "./Preview";
import { SettingsDialog } from "./SettingsDialog";
import { getNpmVersionsSync } from "./getNpmVersionsSync";
import { PlaygroundExample, getPlaygroundExamples } from "./playgroundExamples";
import { getDefaultSettings, toLoaderConfig } from "./SettingsModel";
@hotComponent(module)
@observer
@ -85,6 +84,7 @@ export class PlaygroundPageContent extends React.Component<
}
>
<Editor
label="JavaScript Input"
language={"javascript"}
value={ref(model, "js")}
/>
@ -94,6 +94,7 @@ export class PlaygroundPageContent extends React.Component<
<div>
<LabeledEditor label="HTML">
<Editor
label="HTML Input"
height={{
kind: "dynamic",
maxHeight: 200,
@ -107,6 +108,7 @@ export class PlaygroundPageContent extends React.Component<
<div>
<LabeledEditor label="CSS">
<Editor
label="CSS Input"
height={{
kind: "dynamic",
maxHeight: 200,
@ -480,6 +482,7 @@ class Editor extends React.Component<{
language: string;
value: IReference<string>;
height?: MonacoEditorHeight;
label: string;
}> {
private editor: monaco.editor.IStandaloneCodeEditor | undefined = undefined;
private disposables: monaco.IDisposable[] = [];
@ -504,6 +507,9 @@ class Editor extends React.Component<{
initializeEditor(editor: monaco.editor.IStandaloneCodeEditor) {
this.editor = editor;
editor.updateOptions({
ariaLabel: this.props.label,
});
this.disposables.push(this.editor);
this.disposables.push(
this.editor.onDidChangeModelContent((e) => {