Странные проблемы со стилем редактора Monaco в ElectronCSS

Разбираемся в CSS
Ответить
Anonymous
 Странные проблемы со стилем редактора Monaco в Electron

Сообщение Anonymous »

Когда я встроил редактор Monaco в свое приложение Electron, следуя примеру Electron-AMD-Sample, редактор ведет себя так, как задумано.
Однако пример демонстрирует создание экземпляра редактора внутри тега сценария на HTML-странице, тогда как я хотел бы получить доступ к редактору в файлах Javascript моих проектов.
Я добавил следующий код в JS-файл для создания экземпляра редактора и заметил несколько странных проблем со стилем редактора:
  • Когда я нажимаю на меню прокрутки, оно становится белым, а не прозрачным:
    Изображение
  • Когда я нажимаю кнопку перехода к ссылкам, окно появляется, а затем начинает сжиматься, пока не исчезнет:
    Изображение
Обратите внимание, что у меня есть другой CSS, определенный для страницы, в которую я сейчас встроил редактор, тогда как раньше он запускался в изолированном окне браузера. Однако я не знаю, как определить, является ли это проблемой.
/**
* Sets up the Monaco code editor and links it to the code container div.
*
* @returns a Promise and passes the editor to resolve.
*/
async function setupMonacoEditor() {
return new Promise((resolve, reject) => {
amdRequire(['vs/editor/editor.main'], function () {
const editor = monaco.editor.create(
document.getElementById('ideCodeContainer'),
{
language: 'javascript',
theme: vs-dark,
automaticLayout: true,
}
);
resolve(editor);
});
});
}


Подробнее здесь: https://stackoverflow.com/questions/701 ... n-electron
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»