Перейти к основному содержимому

Editor

Отображает редактор кода

Многофункциональный редактор кода поддерживает синтаксис более 20 языков программирования.

<Editor
Value="alert('Hello Platform!')"
Language={'javascript'}
/>

Свойства

ИмяОписаниеТипЗначение по умолчаниюВозможные значения
BadgeКоличественная информация в компонентах Menu, Accordion, Link, Text. В качестве значения может использоваться объект с полями: counter (число),
position ("post" или "pre"), color (цвет)
any
CSSМассив строк-классов CSS-стилей компонентаarray
CombineConfigКонфигурация всех событий компонента. Служебное свойство для генерации фрагментов кода в визуальном режиме редактора форм.
Не рекомендуется указывать значение вручную
object
HiddenПризнак состояния компонента СкрытbooleanFalse
HintВсплывающая подсказка над компонентом, чаще используемая для подробного пояснения краткого текстаany
IdИдентификатор компонента для навигации к нему на HTML-страницеstring
LanguageЯзык программирования для подсветки синтаксисаenumjavascriptabap -
apex -
azcli -
bat -
bicep -
cameligo -
clojure -
coffee -
cpp -
csharp -
csp -
css -
dart -
dockerfile -
ecl -
elixir -
flow9 -
fsharp -
go -
graphql -
handlebars -
hcl -
html -
ini -
java -
javascript -
julia -
kotlin -
less -
lexon -
liquid -
lua -
m3 -
markdown -
mips -
msdax -
mysql -
objective-c -
pascal -
pascaligo -
perl -
pgsql -
php -
pla -
postiats -
powerquery -
powershell -
protobuf -
pug -
python -
qsharp -
r -
razor -
redis -
redshift -
restructuredtext -
ruby -
rust -
sb -
scala -
scheme -
scss -
shell -
solidity -
sophia -
sparql -
sql -
st -
swift -
systemverilog -
tcl -
twig -
typescript -
vb -
xml -
yaml -
json -
OnClickОбработчик события нажатия кнопки мышиundefined
OnKeyDownОбработчик события KeyDownundefined
OnKeyUpОбработчик события KeyUpundefined
OnMouseDownОбработчик события MouseDownundefined
OnMouseEnterОбработчик события MouseEnterundefined
OnMouseLeaveОбработчик события MouseLeaveundefined
OnMouseMoveОбработчик события MouseMoveundefined
OnMouseOutОбработчик события MouseOutundefined
OnMouseOverОбработчик события MouseOverundefined
OnMouseUpОбработчик события MouseUpundefined
OnUnmountОбработчик события Unmountundefined
OutputValueИмя переменной, определенной в коде экранной формы, и предназначенной для записи изменений данных в области компонентаstring
ReadOnlyПризнак режима Только для ЧтенияbooleanFalse
SelectionContentТекст для вставки в редактор в месте текущего положения курсора или вместо текущего выделенного текстаstring
SlotМетка для динамического добавления другого компонента по его идентификаторуstring
ThemeТема оформления редактораstringvs
TooltipВсплывающая подсказка над компонентом, чаще используемая для пояснения назначения значкаany
TraceId
Идентификатор для отслеживания состояния компонента исходя из хронологической последовательности:
создание, отрисовка, обновление, удаление; используется для выполнения фрагмента кода по изменению состояния компонента
string
ValueИмя переменной, определенной в коде экранной формы, и предназначенной для чтения изменений данных в области компонентаstring
VisibleПризнак инверсии состояния компонента СкрытbooleanTrue

Примеры

Данные:

  
"foo": `using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace ConsoleApp1
{
class Program
{
static void Main(string[] args)
{
Console.WriteLine("Hello, world!");
Console.ReadLine();
}
}
}
`
}

JSX:


<Editor
Model-var={'foo'}
Language={'csharp'}
/>