HTML5文本框/文本区域可点击文本

你好

我能知道是否有可能/是否有一个UIkit允许某些文本（比如带有#的文本）可以点击吗

例如：

---

text#hello world位于文本区域内，由一些php get脚本填充。我希望“文本”是可点击的，这应该会执行一些操作。这里有一种方法，可以让文本区域的部分内容可点击。 这里我们不使用文本区域。相反，我们使用contentEditable=true的div。然后我们更改div的样式，使其看起来像一个文本区域。 现在使用javascript，您可以用锚定标记替换div中的单词

<style type="text/css">
    #editableDiv {
        -moz-appearance: textfield;
        -webkit-appearance: textfield;
        background-color: white;
        background-color: -moz-field;
        border: 1px solid darkgray;
        box-shadow: 1px 1px 1px 0 lightgray inset;
        font: -moz-field;
        font: -webkit-small-control;
        margin-top: 5px;
        padding: 2px 3px;
        width: 398px;
    }
</style>

<div id="editableDiv" contenteditable="true">This is a paragraph. It is editable. Try to change this #text. <a href="www.google.com">click here</a>

</div>
<button type="button" onclick="displayResult()">Click here to change the content</button>
<script>
    function displayResult() {
        var x = document.getElementById("editableDiv").innerHTML;
        var m = x.replace("#text", "<a href ='#'>replaced text</a>");
        document.getElementById("editableDiv").innerHTML = m;
    }
</script>

#可编辑的{
-moz外观：textfield；
-webkit外观：textfield；
背景色：白色；
背景色：-moz字段；
边框：1px实心暗光；
盒影：1px 1px 1px 0浅灰色镶嵌；
字体：-moz字段；
字体：-webkit小控件；
边缘顶部：5px；
填充物：2个3个；
宽度：398px；
}
这是一段。它是可编辑的。尝试更改此文本。
单击此处更改内容
函数displayResult（）{
var x=document.getElementById（“editableDiv”）.innerHTML；
var m=x.replace（“#text”，”）；
document.getElementById（“editableDiv”）.innerHTML=m；
}

---

在上面的javascript代码中，您也可以使用正则表达式来代替#text

您的意思是像超链接一样？是的，允许我点击的东西您希望textarea的内容可以点击吗？不，textarea不可能，但Konza给了您一个很好的解决方案。叫我傻瓜吧。但我昨天刚开始接触HTML。我只知道旧的HTML结构。好的，我已经将这段代码粘贴到我的文本中，我看到格式已经改变了。然而，是否可以说“POST”到一个带有其他格式的链接中？同样，这对textarea不起作用？如果我需要输入多行代码怎么办？我不明白你的意思。你能详细说明一下吗。