18910140161

JavaScript-textarea中有不同颜色的文本吗?-堆栈溢出

顺晟科技

2022-10-19 14:28:55

26

我有一个HTML Textarea,其中包含一个定制的实时可编辑JSON文件,您可以在该文件中实时查看编辑结果。我还有一些东西可以循环“points”属性中的条目,它是一个列表,在该列表中显示JSON结果所在的画布中的结果,这样就可以看到选择了什么点。

我希望textarea中的点能够在选定时进行格式化,例如textarea JSON中的选定点被突出显示为黄色或将文本颜色更改为蓝色或类似的内容。

我已经试过了:

<textarea id="objtext">
  not orange 
  <span style="color:orange"> 
    orange 
  </span>
  not orange 
</textarea>

它只是将textarea显示为文本,而不是在textarea中格式化。

如何使其格式化(并且可以通过使用textarea.value的代码编辑和读取,最好不要格式化)?


顺晟科技:

我认为这是不可能的。我认为epascarello试图告诉您,可以使用带有属性的。

查看这个类似的问题-在一个textarea中可能有几个不同的textcolors吗?

您需要对div进行样式设计,使其看起来和感觉像一个textarea。下面是一个基本的模型,您可能需要添加一些Javascript来扩展它。

<textarea id="objtext">
  not orange 
  <span style="color:orange"> 
    orange 
  </span>
  not orange 
</textarea>

https://jsfiddle.net/miainchambers/g07rcb5o/2/

可以使用

检索文本值

不幸的是,不可能使用textarea或input标记来完成此操作。

您可以使用:

  1. ContentEditable属性

  1. 所见即所得编辑器,如https://github.com/tinymce/tinymce

  2. 类似的工具,具体取决于您必须提供的复杂性

查看highlight.js+可编辑的div.

示例:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航