Если сравнивать с HTML, то эти компоненты можно назвать тегами из которых состоит документ. Как правило большая часть входных параметров такие же как у компонента "code-line". Основное их предназначение выделить конкретные куски кода. К примеру мы можем сделать всю строку жирной, а какой-то определённый кусок кода нет. Или мы можем сделать какой-то определённый кусок кода жирным, или зачёркнутым, или полупрозрачным. Все эти компоненты имеют следующие входные параметры:
Ниже я приведу пример, чтобы было понятнее. Поскольку часть входных параметров такие же как и для компонента "code-line", да и их не много, пример будет не интерактивным. Во второй строке я сделал "old-class" зачёркнутым, а "new-class" и "div" я сделал жирными. В пятой строчке я сделал у всей строки жирный текст, но для "old-class" я оставил текст обычным.
Ниже я приведу пример того, как можно привлечь внимание к определённым участкам кода. Давайте представим, что мне нужно показать старые участки кода и новые. Старую часть кода я сделаю полупрозрачной, а новую часть кода я сделаю жирной.
Условно все компоненты для разметки документа можно разделить на общие компоненты, компоненты в блоке шаблона, компоненты в блоке скриптов, компоненты в блоке стилей.
When compared with HTML, these components can be called the tags that make up the document. As a rule, most of the input parameters are the same as those of the "code-line" component. Their main purpose is to highlight specific pieces of code. For example, we can make the entire line bold, but some specific piece of code is not. Or we can make a certain piece of code bold, or crossed out, or translucent. All these components have the following input parameters:
I'll give an example below to make it clearer. Since some of the input parameters are the same as for the "code-line" component, and there are not many of them, the example will not be interactive. In the second line, I made "old-class" crossed out, and I made "new-class" and "div" bold. In the fifth line, I made bold text for the entire line, but for the "old-class" I left the text as usual.
Below I will give an example of how to draw attention to certain sections of the code. Let's imagine that I need to show the old sections of the code and the new ones. I will make the old part of the code semi-transparent, and I will make the new part of the code bold.
Conventionally, all components for marking up a document can be divided into common components, components in the template block, components in the script block, and components in the styles block.