Javascript 如何将textarea中的行放入一组左对齐和右对齐的元素中，并在“上”拆分：&引用；每排？

我有一个文本区域，我想在每个“：”之后将文本右对齐 e、 g:

有没有一种方法可以用css来实现呢？ 另一个选择是使用Js，但我找不到解决问题的好策略。我认为类似的方法可能会奏效

$($("textarea")[0]).text().replace(/[^:]/g, "something here")

---

提前谢谢

你不能用CSS和

textarea

，不。JavaScript的方法相当简单，但用

textarea

这样做似乎很奇怪，因为它们是用于输入的

仍然：

常数宽度=50；
函数格式（ta）{
塔瓦尔(
//获取值
ta.val（）
//分成几行，然后映射每一行
.split（/[\r\n]+/）.map（行=>{
//分成左右两部分
常量匹配=/^\s*（[^:::*：）\s*（.*）$/.exec（行）；
如果（！匹配）{
回流线；
}
常量[，左，右]=匹配；
//插入最宽的填充物
常量padding=”“.重复（宽度-左.长度-右.长度）；
返回左+填充+右；
})
//重新连接成一个字符串
.join（“\n”）
);
}
setTimeout（（）=>格式（$（“#文本区域”）），800
Name:Pepito
姓：佩雷斯
身份证号码：123456789
QWERTYOUIOPADDFSAFSSFFAS:0
你不能用CSS和
文本区域来做，不。JavaScript的方法相当简单，但是用
文本区域来做这件事似乎很奇怪，因为它们是用于输入的

仍然：


常数宽度=50；
函数格式（ta）{
塔瓦尔(
//获取值
ta.val（）
//分成几行，然后映射每一行
.split（/[\r\n]+/）.map（行=>{
//分成左右两部分
常量匹配=/^\s*（[^:::*：）\s*（.*）$/.exec（行）；
如果（！匹配）{
回流线；
}
常量[，左，右]=匹配；
//插入最宽的填充物
常量padding=”“.重复（宽度-左.长度-右.长度）；
返回左+填充+右；
})
//重新连接成一个字符串
.join（“\n”）
);
}
setTimeout（（）=>格式（$（“#文本区域”）），800
Name:Pepito
姓：佩雷斯
身份证号码：123456789
QWERTYOUIOPADDFSAFSSFFAS:0
它必须是
文本区域吗？这看起来很奇怪，与其他类型的块级元素不同
textarea
用于输入。是的，它需要是一个textarea，或者至少我需要直接从textarea获取内容，并将其粘贴到类似于textarea的其他内容中。我会将其重新表述为：“如何获取textarea的行并将其放入拆分的左对齐和右对齐的元素集中”：“对于每一行？”尝试用文本区域来实现这一点意味着在文本区域之间插入空格，并且在字距调整和字体依赖性方面会遇到很多挑战，这几乎不可能实现。Ty Mark，这是对我的question@Sergio-啊哈！这意味着它不需要是
textarea
，是的，您可以使用CSS来实现这一点。我将把它留给其他人来演示如何做到这一点，因为我已经完成了
textarea
版本…它必须是
textarea
？这看起来很奇怪，与其他类型的块级元素不同
textarea
用于输入。是的，它需要是一个textarea，或者至少我需要直接从textarea获取内容，并将其粘贴到类似于textarea的其他内容中。我会将其重新表述为：“如何获取textarea的行并将其放入拆分的左对齐和右对齐的元素集中”：“对于每一行？”尝试用文本区域来实现这一点意味着在文本区域之间插入空格，并且在字距调整和字体依赖性方面会遇到很多挑战，这几乎不可能实现。Ty Mark，这是对我的question@Sergio-啊哈！这意味着它不需要是
textarea
，是的，您可以使用CSS来实现这一点。我将把它留给其他人来展示如何做到这一点，因为我已经完成了
textarea
版本…尽可能好，但仍然非常奇怪的要求：）我们同意这一点。为了说明我对这个问题的字体和字距注释，在这里使用CSS：
#textarea{font家族：“新世纪教科书”，serif}
@T.J.Crowder我知道我的问题可能有点奇怪。问题是我不能更改代码，只能在一个css文件和一个js中创建更改file@Sergio-：-）很公平。很高兴这有帮助@确实是这样。泰！尽管效果很好，但还是非常奇怪的要求：）我们同意这一点。为了说明我对这个问题的字体和字距注释，请在这里使用CSS：
#文本区{font family:“新世纪教科书”，serif}
@T.J.Crowder我理解，我的问题可能有点奇怪。问题是我不能更改代码，只能在一个css文件和一个js中创建更改file@Sergio-：-）很公平。很高兴这有帮助@确实是这样。泰！
$($("textarea")[0]).text().replace(/[^:]/g, "something here")