javascript - 一个文本区域中的多个独立部分

Question

我想制作一种表格，它有一个大的 textarea 但分成较小的部分，简单来说我想创建这样的东西:

Section 1
Text text text
--------------
Section 2
text text text
--------------
Section 3
text text text
--------------

等等

并将其全部放在一个 textarea 中，但是当我单击第 1 部分区域时，file_1 将加载(并且我可以编辑该特定部分中的文本)，当我单击第 2 部分时，file_2 将加载加载(名称只是示例)。如果不可能或真的很复杂，那么解决这个问题的最佳方法是什么？请记住，至少会有 20--30 个部分，并且应该动态创建它们。

我在想是否可以用 HTML/CSS/Javascript 制作它。

Answer 1

你可以这样做，但我真的不明白这一点。这样做的方法是始终使用空白分隔符，并且不允许用户添加或删除此类分隔符。然后，您可以通过 split 获取不同的部分 - 通过分隔符将您的 textarea 的值并通过将文件加载到数组和 join< 来初始化它们-ing 它。

但是，您为什么要以这种方式使自己的生活过于复杂，并强制自己实现缓慢而复杂的算法？您可以使用多个 textarea 标签，并以这样的方式设计它们，使它们看起来像是一个单一的 textarea。除此之外，唯一需要处理的事情是当用户在 textarea 的最后/第一行按下向下/向上箭头时切换 textarea。