一个textarea中的多个独立部分

时间:2017-07-30 07:27:40

标签: javascript html5 css3

我想制作一种形式有一个大textarea,但又划分为较小的形式,为了简单起见我想创建这样的东西:

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

然后在一个textarea中完成全部但是当我单击第1部分区域时,file_1将加载(并且我的ofc可以编辑该特定部分中的文本),当我单击第2部分时,file_2将加载(名称)只是例子)。 如果做出最好的方法解决这个问题是不可能的还是真的很复杂?请记住,至少有20--30个部分,它们应该动态创建。

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

1 个答案:

答案 0 :(得分:1)

你可以这样做,但我真的没有看到这一点。这样做的方法是始终使用空格分隔符,不允许用户添加这些分隔符或删除它们。然后,您可以通过分隔符split获取textarea的不同部分,并通过将文件加载到数组中来join来初始化它们。

但是你为什么要用这种方式过度复杂自己的生活并强迫自己实施慢速和hacky算法呢?您可以使用多个textarea代码并以这样的方式设计它们,使它们看起来像是单个textarea。除此之外唯一要处理的是当用户按下/向上箭头时切换textarea,例如textarea的最后一行/第一行。