如何为每行文本生成行号? [复制]
Posted
技术标签:
【中文标题】如何为每行文本生成行号? [复制]【英文标题】:How to generate line number for each line text? [duplicate] 【发布时间】:2019-11-30 05:21:05 【问题描述】:我正在尝试制作行号生成器工具。当任何人在 Textarea 中写入一些行并单击“添加行号”按钮时,所有行都会获得序列号。我不知道该怎么做,只是分享结构代码。请帮忙,在此先感谢。
<html>
<body>
<form>
<textarea autocomplete="off" cols="30" id="TextInput" name="message" rows="25" style="display: block;margin-left: auto;margin-right: auto;width: 70%;"></textarea>
<br />
</form>
<input id="AddLineNumber" onclick="myFunction()" style="display: block;margin-left: auto;margin-right: auto;color: black;" type="button" value="Add Line Number!" /><br />
<script>
function myFunction()
</script>
</body>
</html>
【问题讨论】:
我正在尝试制作行号生成工具....代码在哪里? 您的输入和预期输出是什么? @SBimochan 输入:AppleBannana 那么输出应该是 1)Apple2)Banana 【参考方案1】:这是您需要的,在功能上我们将使用 jquery,因此添加一个包含 jquery.Regards 的链接。
<html>
<style>
.expand
height: 1em;
width: 50%;
padding: 3px;
</style>
<body>
<form>
<textarea class="expand" autocomplete="off" cols="30" id="TextInput" name="message" rows="25" style="display: block;margin-left: auto;margin-right: auto;width: 70%;"></textarea>
<br />
</form>
<input id="AddLineNumber" onclick="myFunction()" style="display: block;margin-left: auto;margin-right: auto;color: black;" type="button" value="Add Line Number!" /><br />
<script>
function myFunction()
$('textarea.expand').focus(function ()
$(this).animate( height: "4em" , 500);
);
</script>
【讨论】:
您忘记添加head
和 body
部分.. 所以您的 html 根本无效 - 您还提到了 jqeuy,但您没有包含相关脚本
伙计,我刚刚复制了你的代码并在上面编辑,所以你应该添加你想要的其他东西。
.. 我刚刚复制了您的代码... 这不是我的代码。如果您想正确回答问题,那么您需要向社区提供有效的答案 - 您可以edit您的答案并将缺少的信息添加到其中
以上是关于如何为每行文本生成行号? [复制]的主要内容,如果未能解决你的问题,请参考以下文章