Javascript在文本区域中创建一个不可编辑的单词

Question

我有一个基本的文字区域。 我需要一个javascript函数，它会在这个textarea中写一个单词（即#default）并且只会使这个单词不可编辑。 textarea的其余部分应该像往常一样保持可写状态。只有通过javascript定义的单词不应该由用户编辑。 有没有办法可以在IE7上运行呢？

感谢您的支持。

Answer 1

您可以尝试将text-indent添加到textarea，然后为该主题标签提供绝对位置。我不确定它是否可以在IE7中运行，但这是一个适用于Chrome和Firefox的示例：http://jsfiddle.net/c5ZKk/

HTML：

<div class="hashtag">#hashtag</div>
<textarea>editable text</textarea>

CSS：

body, textarea {
    font: 14px/1.5 Arial, sans-serif;
}

.hashtag {
    position: absolute;
    color: #aaa;
    margin: 6px 0 0 5px;
}

textarea {
    margin: 0;
    padding: 5px;
    text-indent: 62px;
    width: 300px;
    height: 200px;
}