{"id":668,"date":"2023-03-03T04:06:03","date_gmt":"2023-03-03T04:06:03","guid":{"rendered":"https:\/\/www.toolkit.keywordfinder.us\/?page_id=668"},"modified":"2023-03-03T04:06:03","modified_gmt":"2023-03-03T04:06:03","slug":"add-prefix-and-or-suffix","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/fr\/add-prefix-and-or-suffix\/","title":{"rendered":"Add Prefix and\/or Suffix"},"content":{"rendered":"<meta charset=\"UTF-8\">\n    <title>Add Prefix and\/or Suffix into Each Line Tool<\/title>\n    <style>\n      \/* Styles for the prefix\/suffix container *\/\n      #prefix-suffix {\n        margin: 20px auto;\n        width: 100%;\n        max-width: 800px;\n        background-color: #fff;\n        border: 1px solid #ddd;\n        padding: 20px;\n      }\n\n      \/* Styles for the text input area *\/\n      #text {\n        width: 100%;\n        height: 150px;\n        border: 1px solid #ddd;\n        margin-bottom: 10px;\n        padding: 10px;\n      }\n\n      \/* Styles for the prefix\/suffix input fields *\/\n      label {\n        display: block;\n        margin-bottom: 5px;\n      }\n      input[type=\"text\"] {\n        width: 100%;\n        margin-bottom: 10px;\n        padding: 5px;\n      }\n\n      \/* Styles for the button *\/\n      #add-btn {\n        background-color: #4CAF50;\n        color: #fff;\n        border: none;\n        padding: 10px 20px;\n        font-size: 16px;\n        cursor: pointer;\n      }\n\n      \/* Styles for the button on hover *\/\n      #add-btn:hover {\n        background-color: #3e8e41;\n      }\n\n      \/* Styles for the result list *\/\n      #result-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n      }\n      #result-list li {\n        margin-bottom: 5px;\n        padding: 5px;\n        border: 1px solid #ddd;\n        background-color: #f9f9f9;\n      }\n    <\/style>\n  \n  \n    <div id=\"prefix-suffix\">\n      <h1>Add Prefix and\/or Suffix<\/h1>\n      <p>Enter your text below and the desired prefix and\/or suffix. You can also upload a text file using the &#8220;Upload&#8221; button. Click the &#8220;Add&#8221; button to add the prefix and\/or suffix to each line.<\/p>\n      <form action=\"\">\n        <label for=\"text\">Text:<\/label>\n        <textarea id=\"text\" name=\"text\" required=\"\"><\/textarea>\n        <label for=\"prefix\">Prefix:<\/label>\n        <input type=\"text\" id=\"prefix\" name=\"prefix\">\n        <label for=\"suffix\">Suffix:<\/label>\n        <input type=\"text\" id=\"suffix\" name=\"suffix\">\n        <input type=\"file\" id=\"file\" name=\"file\" accept=\".txt\">\n        <button type=\"button\" id=\"add-btn\" onclick=\"addPrefixSuffix()\">Add<\/button>\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n      <hr>\n      <div id=\"result\">\n        <ul id=\"result-list\"><\/ul>\n      <\/div>\n    <\/div>\n    <script>\n      function addPrefixSuffix() {\n        \/\/ Get the text and prefix\/suffix from the input fields\n        var text = document.getElementById(\"text\").value.trim();\n        var prefix = document.getElementById(\"prefix\").value.trim();\n        var suffix = document.getElementById(\"suffix\").value.trim();\n\n        \/\/ Check if a file was uploaded\n        var file = document.getElementById(\"file\").files[0];\n        if (file) {\n          \/\/ Read the contents of the file\n          var reader = new FileReader();\n          reader.onload = function() {\n            \n                    var uploadedText = reader.result.trim();\n        text = text + \"\\n\" + uploadedText;\n        \/\/ Add the prefix and\/or suffix to each line\n        var lines = text.split(\"\\n\");\n        var result = \"\";\n        for (var i = 0; i < lines.length; i++) {\n          var line = lines[i].trim();\n          if (line) {\n            var lineWithPrefixSuffix = prefix + line + suffix;\n            result += \"<li>\" + lineWithPrefixSuffix + \"<\/li>\";\n          }\n        }\n        \/\/ Display the result\n        document.getElementById(\"result-list\").innerHTML = result;\n      };\n      reader.readAsText(file);\n    } else {\n      \/\/ Add the prefix and\/or suffix to each line\n      var lines = text.split(\"\\n\");\n      var result = \"\";\n      for (var i = 0; i < lines.length; i++) {\n        var line = lines[i].trim();\n        if (line) {\n          var lineWithPrefixSuffix = prefix + line + suffix;\n          result += \"<li>\" + lineWithPrefixSuffix + \"<\/li>\";\n        }\n      }\n      \/\/ Display the result\n      document.getElementById(\"result-list\").innerHTML = result;\n    }\n  }\n\n  function copyResult() {\n    var resultText = document.getElementById(\"result-list\").innerText;\n    if (resultText) {\n      navigator.clipboard.writeText(resultText).then(function() {\n        alert(\"Result copied to clipboard!\");\n      }, function() {\n        alert(\"Copy failed. Please copy the result manually.\");\n      });\n    }\n  }\n<\/script>\n<button type=\"button\" onclick=\"copyResult()\">Copy Result<\/button>","protected":false},"excerpt":{"rendered":"<p>Add Prefix and\/or Suffix into Each Line Tool Add Prefix and\/or Suffix Enter your text below and the desired prefix and\/or suffix. You can also upload a text file using the &#8220;Upload&#8221; button. Click the &#8220;Add&#8221; button to add the prefix and\/or suffix to each line. Text: Prefix: Suffix: Add Copy 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-668","page","type-page","status-publish"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/fr\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/pages\/668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/comments?post=668"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/pages\/668\/revisions"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/fr\/wp-json\/wp\/v2\/media?parent=668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}