highlight

определяет содержание и внешний вид (цвет шрифта, цвет фона) текста в инпуте

Example

// подсветка кода
function highlight(code){
  code = webix.template.escape(code);
  code = code.replace(/var|const|let/g, "<span class='variable'>$&</span>");
  code = code.replace(/function/g, "<span class='function'>$&</span>");
  // ... другие ключевые слова
  return code;
}
 
webix.ui({    
  view:"texthighlight",
  type:"textarea",
  highlight:highlight
});
 
// стили, например
.variable{
  color:red;
}

Related samples

Не используйте правила CSS для установки размеров и позиционирования (например, padding, margin, font-size, font-weight), потому что это нарушит позиционирование текста внутри поля.

Наверх