如何在HTML / JavaScript中构建自定义可聚焦对象

我想在HTML中构建一个可自定义的自定义对象。我怎么能这样做呢？ 更具体地说明我为什么要这样做：我需要某种编辑器组件，它具有更强大的功能和控制权。即任何单个字符都不应该直接输入。它就像一棵大树对象（想象一下AST左右），你的注意力集中在其中一些对象上。每个对象都有一些属性，可能是一个可以编辑的字符序列和一些子对象。现在当你键入时，根据焦点的位置，它应该操纵这些对象，即添加一些新的子对象（在焦点所在的位置），删除一些对象或进行一些其他操作。也不应该直接粘贴，它应该解析当前的剪贴板内容，然后进行特定的操作。复制某些内容应该会在剪贴板中产生某种文本表示。 我现在可以去，并以某种方式重新编码像我自己的焦点光标，但这有几个缺点。大多数情况下，它忽略了现在真正关注的焦点。而且我不确定它是否会让事情变得更容易，如果HTML可能已经提供了这样的东西。 编辑：在我找到一些第一个有用的信息之后，一些仍然存在问题： 绘制一些焦点光标的简单方法是什么？即如果某些

div

现在有焦点并且它包含一些文本，我想绘制一个光标。 我该如何处理副本和糊？ （有关详细信息，请参见上文。）