Textarea-如何使用JavaScript突出显示键串？

Question

I am looking for a javascript that can help me to change the color of a text inside the textarea tag. For example, to have a variable in the javascript:

var a = '<div class="carleft"><p class="coto1">';

now, the javascript should make the text that is inside the variable, to be displayed as bold with red color in the textarea.

Answer 1

参见前面的问题/答案： jQuery将选定的文本包装在textarea中

Answer 2

Inner HTML of the textarea element you cannot change the styles/colors of the partial words or characters.

You should use or some other element to implement this.

You can consider the

contenteditable="true" attribute for this purpose.

By using this attribute you can dynamically edit any html element. Which was styled before.

Answer 3

A textarea does not support different styles or colors in the text. You can use contenteditable="true" , but that will probably give the user more freedom than you want. I think a better option would be to use a library like CodeMirror or MDK-Editor .