VAEditor icon indicating copy to clipboard operation
VAEditor copied to clipboard

Добавить поддержку языка CSS, HTML в редактор кода.

Open ViktorErmakov opened this issue 2 years ago • 14 comments

image Среди языков в monaco уже есть указанные языки, но как посредством компоненты изменить язык на один из этих не понятно. Нужен наверное правильно оформленный файл configuration.ts для этих языков. Но у меня его сделать не получилось.

ViktorErmakov avatar Nov 22 '22 07:11 ViktorErmakov

@ViktorErmakov Ты хочешь, чтобы в редакторе VA открывались также файлы CSS для редактирования? Какой сценарий работы эта фича будет закрывать?

Pr-Mex avatar Nov 22 '22 07:11 Pr-Mex

я хочу открывать редактор VA с указанием языка например CSS Editor = DefaultView().createVanessaEditor("", "css"); что бы открывать редактор стилей для инструкций HTML.

ViktorErmakov avatar Nov 22 '22 07:11 ViktorErmakov

ну т.е. это опция для редактора, на основной редактор геркина не повлияет

ViktorErmakov avatar Nov 22 '22 07:11 ViktorErmakov

ну т.е. это опция для редактора, на основной редактор геркина не повлияет

Я про то, что в мире наверное уже полно других инструментов, которые умеют редактировать CSS. Какой сценарий из жизни выполняет пользователь когда ему надо получить редактор CSS именно внутри VA?

Pr-Mex avatar Nov 22 '22 07:11 Pr-Mex

В мире то полно, я бы хотел внутри VA иметь такую возможность вот для этого image

ViktorErmakov avatar Nov 22 '22 07:11 ViktorErmakov

вот сейчас открываешь редактор и там просто текст, а так откроешь и можешь прям там редактировать. Это конечно не прям обязательная штука, просто небольшое улучшение, комфорт. Я бы сам сделал, но что то ума не хватает пока разобраться в том как это сделать

ViktorErmakov avatar Nov 22 '22 07:11 ViktorErmakov

но я чувствую что это не большая доработка, т.к. в monaco редактор CSS есть из коробки, и как в monaco его вызвать понятно, есть примеры, но вот как это сделать в текущей обертке мне не понятно.

ViktorErmakov avatar Nov 22 '22 08:11 ViktorErmakov

@lintest Скажи, плиз, можно сделать такое?

Pr-Mex avatar Nov 22 '22 15:11 Pr-Mex

можно сделать, это не сложно

lintest avatar Nov 22 '22 15:11 lintest

let content = '.container {\n\tbackground: #FFEE33;\n}';
VanessaTabs.edit(content, 'style.css', 'style.css', 'c:\style.css', 0, false, true);

lintest avatar Nov 22 '22 15:11 lintest

@lintest Как из VA создать экземпляр редактора CSS?

Pr-Mex avatar Nov 22 '22 21:11 Pr-Mex

Вот так, но почему-то цвета потерялись

VanessaTabs.VanessaTabs.edit(ТекстДокумента, ФайлаДокумента.ПолноеИмя, ФайлаДокумента.ПолноеИмя, ФайлаДокумента.ИмяБезРасширения, 0, Ложь, Истина);

lintest avatar Nov 23 '22 14:11 lintest

@lintest Как он понимает, что это именно CSS?

Pr-Mex avatar Nov 23 '22 15:11 Pr-Mex

язык определяется по расширению файла (третий параметр)

lintest avatar Nov 24 '22 07:11 lintest