{"id":627,"date":"2023-03-03T03:46:05","date_gmt":"2023-03-03T03:46:05","guid":{"rendered":"https:\/\/www.toolkit.keywordfinder.us\/?page_id=627"},"modified":"2023-03-03T03:46:05","modified_gmt":"2023-03-03T03:46:05","slug":"add-line-numbers-tool","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/hi\/add-line-numbers-tool\/","title":{"rendered":"Add Line Numbers Tool"},"content":{"rendered":"<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1>Add Line Numbers<\/h1><br\/>\n<div>\n  <label for=\"input\">Enter text:<\/label><br>\n  <textarea id=\"input\" name=\"input\" rows=\"10\" cols=\"50\"><\/textarea>\n<\/div>\n\n<div>\n  <label for=\"format\">Select format:<\/label>\n  <select id=\"format\">\n    <option value=\"number\">Numbered<\/option>\n    <option value=\"bullet\">Bulleted<\/option>\n    <option value=\"dash\">Dashed<\/option>\n  <\/select>\n<\/div>\n<br>\n<div>\n  <label for=\"start\">Start from:<\/label>\n  <input type=\"number\" id=\"start\" name=\"start\" value=\"1\" min=\"1\">\n<\/div>\n<br>\n<div>\n  <label for=\"step\">Step by:<\/label>\n  <input type=\"number\" id=\"step\" name=\"step\" value=\"1\" min=\"1\">\n<\/div>\n<br>\n<div>\n  <label for=\"padding\">Add padding:<\/label>\n  <input type=\"number\" id=\"padding\" name=\"padding\" value=\"0\" min=\"0\">\n<\/div>\n<br>\n<div>\n  <button id=\"apply\">Apply<\/button>\n  <button id=\"copy\">Copy to clipboard<\/button>\n<\/div>\n<br>\n<div>\n  <label for=\"output\">Result:<\/label><br>\n  <textarea id=\"output\" name=\"output\" rows=\"10\" cols=\"50\" readonly=\"\"><\/textarea>\n<\/div>\n<script>\n  function processInput(input, format) {\n  let lines = input.split('\\n');\n  let output = '';\n  let prefix = '';\n  let suffix = '';\n  let start = 1;\n  let step = 1;\n  let padding = 0;\n\n  \/\/ Set prefix and suffix based on format\n  if (format === 'number') {\n    prefix = '';\n    suffix = '. ';\n  } else if (format === 'bullet') {\n    prefix = '\u2022 ';\n    suffix = '';\n  } else if (format === 'dash') {\n    prefix = '- ';\n    suffix = '';\n  }\n\n  \/\/ Set start and step based on user input\n  start = parseInt(document.getElementById('start').value);\n  step = parseInt(document.getElementById('step').value);\n\n  \/\/ Set padding based on user input\n  padding = parseInt(document.getElementById('padding').value);\n\n  \/\/ Generate output with line numbers\n  for (let i = 0; i < lines.length; i++) {\n    if (lines[i].trim() === '') {\n      output += '\\n';\n    } else {\n      let lineNumber = start + (i * step);\n      let line = lines[i].trim();\n      if (padding > 0) {\n        lineNumber = lineNumber.toString().padStart(padding, '0');\n      }\n      output += prefix + lineNumber + suffix + line + '\\n';\n    }\n  }\n\n  return output.trim();\n}\n\nfunction addLineNumbers() {\n  let input = document.getElementById('input').value;\n  let format = document.getElementById('format').value;\n  let output = processInput(input, format);\n\n  document.getElementById('output').value = output;\n}\n\nfunction copyOutput() {\n  let output = document.getElementById('output');\n  output.select();\n  document.execCommand('copy');\n  alert('Copied to clipboard!');\n}\n\ndocument.getElementById('apply').addEventListener('click', addLineNumbers);\ndocument.getElementById('copy').addEventListener('click', copyOutput);\n\n  <\/script>\n<style>\ninput[type=\"number\"]{display:block;}\nselect{display:block;width:27%;}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Add Line Numbers Enter text: Select format: NumberedBulletedDashed Start from: Step by: Add padding: Apply Copy to clipboard Result:<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-627","page","type-page","status-publish"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/hi\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/pages\/627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/comments?post=627"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/pages\/627\/revisions"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/media?parent=627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}