Javascript 我能否仅为html输入的特定部分设置样式'；字符串值是多少？

我可以只为输入值的一部分设置样式吗

就像下面的示例（下面的代码片段）中一样，我是否可以将“@user”部分的样式设置为粗体，而不改变“someothercontent”

如果这是不可能的，我正在考虑将

div

与

contexteditable

一起使用。这是一种不同的方法，但它会起作用吗

函数应用程序（）{
const[value，setValue]=React.useState（“@user-some-other-content…”）；
功能手柄更改（e）{
设定值（即目标值）；
}
返回(
);
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）
表单控件仅呈现文本。设置字符串部分的样式需要html

您需要在

从字符串子字符串开始到样式

并将其放入包含元素的html中
表单控件仅接受文本。设置字符串部分的样式需要htmlSo，这根本不可能？在输入中不可能…但在接受html的元素中可能。使用span
字符串子字符串的开头
包装字符串的部分，谢谢！如果你想写下来作为回答，我很乐意在这里接受。我将使用
div
和
contenteditable
Start of string <span style="color:red">substring to style</span>