То, что мне нужно добавить, вероятно, для вас просто, но у меня возникли некоторые проблемы.
Проблема в том, что мне нужно создать веб-IDE без использования библиотек, таких как код. -mirror, поэтому для начала я установил редактируемое окно редактора текста/кода:
и я использую CSS, чтобы элемент редактирования кода заполнял экран и добавлял моноширинный шрифт:
Код: Выделить всё
#ce {
position: absolute;
left: 0px;
top: 0px;
width: 100vw;
height: 100vh;
color: #fff;
background-color: #8f8f8f;
font-family: 'Courier New', monospace; /* monospaced font */
font-size: 13px;
padding: 5px;
}
и JS. Это та часть, с которой я борюсь, поскольку я не совсем понимаю JavaScript в целом. На данный момент я совершенно новичок в идее создания веб-сайтов.
Код: Выделить всё
const editor = document.getElementById("ce")
Как вы можете видеть из фрагмента кода JavaScript, максимум, что я мог сделать, это определить элемент div, но мне нужна помощь с добавлением — это возможность перекрашивать определенные фразы или комбинации символов, если они обнаруживаются в тексте. По сути, это простой синтаксис. Я знаю, что мне придется добавить отдельные классы CSS, по крайней мере, для отдельного синтаксиса, например:
Код: Выделить всё
.string {
color: #439B30;
}
.num {
color: #85FF88;
}
Поскольку я определил в CSS отдельные классы для синтаксиса различных элементов, как мне создать функцию JavaScript, которая обновляет/обновляет текст всякий раз, когда вводится число или строка и поместите его в класс, чтобы затем он создал тег и поместил его в класс, чтобы он отображался цветом? На мой взгляд, эту часть сложно выполнить, поскольку на самом деле не так уж много документации по JavaScript, которая описывает это. Я прошу либо документацию о чем-то подобном, либо руководство по этому поводу, а не кого-то, кто сделает это за меня.
Подробнее здесь:
https://stackoverflow.com/questions/781 ... js-and-css
Мобильная версия