Я пытаюсь создать редактор кода. Просто один. Было интересно, как я могу стиль текст внутри <textarea> без необходимости использования <span class="function"></span>, например , так как текст постоянно обновляется .. не используя либо чистое (JavaScript или CSS) (без JQuery или библиотек, пожалуйста) Спасибо за любые советыАвтоматическая раскраска в текстовой области в html
Поместите это в CSS:
textarea {
font-family: arial;
}
вы можете изменить семейство шрифтов, что вы хотите
textarea поддержка oninput, которое срабатывает при каждом вводе. Например:
<textarea oninput="testFunction()"></textarea>
<script>
function testFunction() {
console.log("input has changed");
}
</script>
Это должно дать вам начало написания нужного кода ванили, который вам нужен.
Большое вам спасибо! оцените это .. не знаю почему у этих людей столько ненависти! –
@ItachiSama это не ненависть, это идея SO, что вопросы не должны быть слишком широкими и слишком абстрактными. Поскольку сообщество самоуправляется, другие люди ценят, когда вы задаете точные вопросы, такие как «вот мой код, что я делаю неправильно?» –
Это было действительно советом, куда я должен вмешаться .. например, прочитайте эту ссылку, чтобы начать, например ... –
Вы даже попытались это сделать?
Вы можете сделать это так легко и просто добавить style="color: orange; в вашем <textarea> так:
<textarea style="color: orange;"></textarea>
Или вы можете добавить его в CSS так:
textarea {
color: orange;
}
Вы можете стилизовать его к тому, что КОГДА-ЛИБО, вы хотите внутри textarea { } в css.
Что вы пробовали? Можете ли вы добавить свой код, пожалуйста? –
не изобретать колесо. это, вероятно, будет намного сложнее, чем вы думаете. google для синтаксических маркеров, там есть тонны, которые вы можете реализовать, просто включив скрипт. –
Попробуйте https://highlightjs.org/ – Mayank