javascript - Javascript：如何检测 contenteditable div 中的某些字符

Question

编辑添加：我首先询问了 textarea - 我有一种感觉，就其性质而言，textarea 是不可能的。我可以用可内容编辑的 div 来做到这一点吗？

在 contenteditable div 中，当用户输入 %TEST% 时，我想添加一个包含 %TEST% 周围的类的跨度，以便能够为其添加样式。

如果 %TEST% 在 html 中，它会运行，但如果用户输入 %TEST%，我需要它运行。

<div contenteditable="true" class="myEntry">We're happy you're here, %TEST%. Let's get started.</div>

使用 jquery 我有：

$('.myEntry).each(function () {
    var original = $(this).text();
    var new_version = original.split('%TEST%').join('<span class="stylizeMe">Test</span>');
    $(this).html(new_version)
});

标签： javascriptjqueryhtmlcss

Answer 1

这不能用textarea元素完成

尝试使用div或span或pre等其他元素模拟 textarea 元素