C#: Как сделать свой текстовый редактор, на примере редактора кода C#, JS - видео HD

C#: Как сделать свой текстовый редактор, на примере редактора кода C#, JS - видео
00:17:32
Обнаружено блокирование рекламы на сайте

Для существования нашего сайта необходим показ рекламы. Просим отнестись с пониманием и добавить сайт в список исключений вашей программы для блокировки рекламы (AdBlock и другие).

12n.ru 18776 роликов

Как сделать свой текстовый редактор, на примере редактора кода C#, JS - видео.

В этом видео расскажу об очень интересной теме. Редактирование документов, в браузере. Многие из вас видели всякие реализации редакторов прямо в браузере. Я расскажу как сделать свой.

github.com/AlexanderZhelnin/angular-code-editor
RSS
Архитектор ПО. Александр Желнин
06:33
+2
function GetCursorPosition(context: any): number
{
const selection = window.getSelection();
if (!selection) return 0;
const range = selection.getRangeAt(0);
range.setStart(context, 0);
return range.toString().length;
}

function setCursorPosition(context: any, len: number): void
{
const selection = window.getSelection();
if (!selection) return;
const pos = getTextNodeAtPosition(context, len);
selection.removeAllRanges();
const r = new Range();
r.setStart(pos.node, pos.position);
selection.addRange®;
}

function getTextNodeAtPosition(root: any, index: number): { node: any, position: number }
{
const treeWalker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT,
{
acceptNode: (elem: Node): number =>
{
const l = elem?.textContent?.length ?? 0;
if (index > l)
{
index -= l;
return NodeFilter.FILTER_REJECT;
}
return NodeFilter.FILTER_ACCEPT;
}
});

return { node: treeWalker.nextNode() ?? root, position: index };
}
Команда Дельта
10:21
+1
Спасибо большое!
FaVaKu
18:30
+1
Большое спасибо!!!
FaVaKu
11:57
+1
А можно ли сделать полноценный компилятор с выводом в консоль?
FaVaKu
20:26
+1
А есть полноценный код которое указан в видео?
Artem_Ka
14:40
+1
Спасибо, полезное видео!

Новости

«СёрчИнформ FileAuditor» расширил контроль файловых серверов на Linux «СёрчИнформ SIEM» интегрирована с почтовым сервером RuPost Рынок DLP-систем в Центральной Азии: как законы о суверенитете данных стимулируют спрос на локальные решения «СёрчИнформ КИБ» расширил возможности «открытого контроля» для ПК на Linux «РИКИТЛАБ» представила новую модель техподдержки ИТ-инфраструктуры промышленных предприятий

«СёрчИнформ FileAuditor» расширил контроль файловых серверов на Linux


6 часов назад
«СёрчИнформ FileAuditor» расширил контроль файловых серверов на Linux
«СёрчИнформ FileAuditor» расширил контроль файловых серверов на Linux
«СёрчИнформ SIEM» интегрирована с почтовым сервером RuPost
«СёрчИнформ SIEM» интегрирована с почтовым сервером RuPost
Рынок DLP-систем в Центральной Азии: как законы о суверенитете данных стимулируют спрос на локальные решения
Рынок DLP-систем в Центральной Азии: как законы о суверенитете данных стимулируют спрос на локальные решения
«СёрчИнформ КИБ» расширил возможности «открытого контроля» для ПК на Linux
«СёрчИнформ КИБ» расширил возможности «открытого контроля» для ПК на Linux
«РИКИТЛАБ» представила новую модель техподдержки ИТ-инфраструктуры промышленных предприятий
«РИКИТЛАБ» представила новую модель техподдержки ИТ-инфраструктуры промышленных предприятий