{"id":4249,"date":"2025-05-14T08:55:14","date_gmt":"2025-05-14T08:55:14","guid":{"rendered":"https:\/\/ingenio.vip\/?post_type=tools-pages&#038;p=4249"},"modified":"2025-05-30T01:05:10","modified_gmt":"2025-05-30T01:05:10","slug":"case-converter","status":"publish","type":"tools-pages","link":"https:\/\/ingenio.vip\/zh\/tools-pages\/case-converter\/","title":{"rendered":"Case Converter"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"4249\" class=\"elementor elementor-4249\" data-elementor-post-type=\"tools-pages\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54b3735 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54b3735\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ba39b7b\" data-id=\"ba39b7b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3daa2b2 elementor-widget elementor-widget-shortcode\" data-id=\"3daa2b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<div class=\"ingenio-tool case-converter-wrapper\" role=\"region\" aria-labelledby=\"case-converter-title\">\r\n  <div class=\"case-converter\">\r\n    <h2 id=\"case-converter-title\">\ud83d\udd04 Case Converter<\/h2>\r\n    \r\n    <div class=\"converter-container\">\r\n      <div class=\"input-section\">\r\n        <div class=\"input-group\">\r\n          <label for=\"input-text\">Enter your text:<\/label>\r\n          <textarea id=\"input-text\" rows=\"8\" placeholder=\"Type or paste your text here to convert between different case styles\"><\/textarea>\r\n        <\/div>\r\n        \r\n        <div class=\"action-buttons\">\r\n          <button id=\"clear-text\" class=\"action-btn\">\ud83d\uddd1\ufe0f Clear<\/button>\r\n          <button id=\"copy-text\" class=\"action-btn\">\ud83d\udccb Copy<\/button>\r\n          <button id=\"sample-text\" class=\"action-btn\">\ud83d\udcdd Sample<\/button>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"conversion-options\">\r\n        <div class=\"option-group\">\r\n          <h3>Conversion Options<\/h3>\r\n          <div class=\"option-buttons\">\r\n            <button class=\"case-option active\" data-case=\"sentence\">Sentence case<\/button>\r\n            <button class=\"case-option\" data-case=\"lower\">lower case<\/button>\r\n            <button class=\"case-option\" data-case=\"upper\">UPPER CASE<\/button>\r\n            <button class=\"case-option\" data-case=\"title\">Title Case<\/button>\r\n            <button class=\"case-option\" data-case=\"camel\">camelCase<\/button>\r\n            <button class=\"case-option\" data-case=\"pascal\">PascalCase<\/button>\r\n            <button class=\"case-option\" data-case=\"snake\">snake_case<\/button>\r\n            <button class=\"case-option\" data-case=\"kebab\">kebab-case<\/button>\r\n            <button class=\"case-option\" data-case=\"toggle\">tOGGLE cASE<\/button>\r\n            <button class=\"case-option\" data-case=\"alternating\">aLtErNaTiNg cAsE<\/button>\r\n            <button class=\"case-option\" data-case=\"inverse\">InVeRsE CaSe<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"additional-options\">\r\n          <div class=\"option-row\">\r\n            <label>\r\n              <input type=\"checkbox\" id=\"preserve-newlines\" checked>\r\n              <span>Preserve line breaks<\/span>\r\n            <\/label>\r\n          <\/div>\r\n          <div class=\"option-row\">\r\n            <label>\r\n              <input type=\"checkbox\" id=\"trim-spaces\" checked>\r\n              <span>Trim extra spaces<\/span>\r\n            <\/label>\r\n          <\/div>\r\n          <div class=\"option-row\">\r\n            <label>\r\n              <input type=\"checkbox\" id=\"preserve-formatting\">\r\n              <span>Preserve HTML formatting<\/span>\r\n            <\/label>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"output-section\">\r\n        <div class=\"output-group\">\r\n          <label for=\"output-text\">Converted text:<\/label>\r\n          <textarea id=\"output-text\" rows=\"8\" readonly><\/textarea>\r\n        <\/div>\r\n        \r\n        <div class=\"output-stats\">\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-value\" id=\"char-count\">0<\/div>\r\n            <div class=\"stat-label\">Characters<\/div>\r\n          <\/div>\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-value\" id=\"word-count\">0<\/div>\r\n            <div class=\"stat-label\">Words<\/div>\r\n          <\/div>\r\n          <div class=\"stat-card\">\r\n            <div class=\"stat-value\" id=\"line-count\">0<\/div>\r\n            <div class=\"stat-label\">Lines<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"case-info\">\r\n      <h3>\u2139\ufe0f About Case Styles<\/h3>\r\n      <div class=\"info-content\">\r\n        <div class=\"case-style\">\r\n          <h4>Sentence case<\/h4>\r\n          <p>Capitalizes the first letter of the first word in each sentence. Example: \"This is a sentence. And another one.\"<\/p>\r\n        <\/div>\r\n        <div class=\"case-style\">\r\n          <h4>lower case<\/h4>\r\n          <p>Converts all letters to lowercase. Example: \"this text is all lowercase\"<\/p>\r\n        <\/div>\r\n        <div class=\"case-style\">\r\n          <h4>UPPER CASE<\/h4>\r\n          <p>Converts all letters to uppercase. Example: \"THIS TEXT IS ALL UPPERCASE\"<\/p>\r\n        <\/div>\r\n        <div class=\"case-style\">\r\n          <h4>Title Case<\/h4>\r\n          <p>Capitalizes the First Letter of Each Word. Example: \"This Is Title Case\"<\/p>\r\n        <\/div>\r\n        <div class=\"case-style\">\r\n          <h4>camelCase<\/h4>\r\n          <p>Removes spaces and capitalizes each word after the first. Example: \"thisIsCamelCase\"<\/p>\r\n        <\/div>\r\n        <div class=\"case-style\">\r\n          <h4>PascalCase<\/h4>\r\n          <p>Like camelCase but capitalizes the first word too. Example: \"ThisIsPascalCase\"<\/p>\r\n        <\/div>\r\n        <div class=\"case-style\">\r\n          <h4>snake_case<\/h4>\r\n          <p>Replaces spaces with underscores. Example: \"this_is_snake_case\"<\/p>\r\n        <\/div>\r\n        <div class=\"case-style\">\r\n          <h4>kebab-case<\/h4>\r\n          <p>Replaces spaces with hyphens. Example: \"this-is-kebab-case\"<\/p>\r\n        <\/div>\r\n        <div class=\"case-style\">\r\n          <h4>tOGGLE cASE<\/h4>\r\n          <p>Inverts the case of each letter. Example: \"tHIS IS tOGGLE cASE\"<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .case-converter-wrapper {\r\n    background-color: var(--bg, #f5f5fa);\r\n    padding: 1rem;\r\n  }\r\n\r\n  .case-converter {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    background: var(--bg, #fff);\r\n    border-radius: 10px;\r\n    padding: 25px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\r\n  }\r\n\r\n  .case-converter h2 {\r\n    text-align: center;\r\n    font-size: 1.8rem;\r\n    color: var(--primary, #0a66c2);\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .converter-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 30px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .input-section {\r\n    grid-column: 1;\r\n  }\r\n\r\n  .conversion-options {\r\n    grid-column: 2;\r\n  }\r\n\r\n  .output-section {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .input-group, .output-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .input-group label, .output-group label {\r\n    margin-bottom: 8px;\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    color: #333;\r\n  }\r\n\r\n  .input-group textarea, .output-group textarea {\r\n    width: 100%;\r\n    padding: 15px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    font-size: 1rem;\r\n    resize: vertical;\r\n    min-height: 200px;\r\n  }\r\n\r\n  .output-group textarea {\r\n    background: #f9f9f9;\r\n  }\r\n\r\n  .action-buttons {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .action-btn {\r\n    padding: 10px 15px;\r\n    border: none;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    font-size: 0.9rem;\r\n    transition: all 0.2s;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .action-btn:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  #clear-text {\r\n    background: #f44336;\r\n    color: white;\r\n  }\r\n\r\n  #clear-text:hover {\r\n    background: #d32f2f;\r\n  }\r\n\r\n  #copy-text {\r\n    background: #2196F3;\r\n    color: white;\r\n  }\r\n\r\n  #copy-text:hover {\r\n    background: #0b7dda;\r\n  }\r\n\r\n  #sample-text {\r\n    background: #4CAF50;\r\n    color: white;\r\n  }\r\n\r\n  #sample-text:hover {\r\n    background: #3e8e41;\r\n  }\r\n\r\n  .option-group {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .option-group h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 15px;\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .option-buttons {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n    gap: 10px;\r\n  }\r\n\r\n  .case-option {\r\n    padding: 8px 12px;\r\n    border: 1px solid #ddd;\r\n    background: #f5f5f5;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-size: 0.85rem;\r\n    text-align: center;\r\n    transition: all 0.2s;\r\n  }\r\n\r\n  .case-option:hover {\r\n    background: #e0e0e0;\r\n  }\r\n\r\n  .case-option.active {\r\n    background: var(--primary, #0a66c2);\r\n    color: white;\r\n    border-color: var(--primary, #0a66c2);\r\n  }\r\n\r\n  .additional-options {\r\n    background: #f9f9f9;\r\n    border-radius: 8px;\r\n    padding: 15px;\r\n  }\r\n\r\n  .option-row {\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .option-row:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .option-row label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .output-stats {\r\n    display: flex;\r\n    gap: 15px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .stat-card {\r\n    background: white;\r\n    border-radius: 8px;\r\n    padding: 15px;\r\n    text-align: center;\r\n    flex: 1;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  .stat-value {\r\n    font-size: 1.5rem;\r\n    font-weight: bold;\r\n    color: var(--primary, #0a66c2);\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .stat-label {\r\n    font-size: 0.9rem;\r\n    color: #666;\r\n  }\r\n\r\n  .case-info {\r\n    background: #f9f9f9;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n  }\r\n\r\n  .case-info h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 15px;\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .info-content {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .case-style {\r\n    background: white;\r\n    border-radius: 6px;\r\n    padding: 15px;\r\n    box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .case-style h4 {\r\n    margin-top: 0;\r\n    margin-bottom: 10px;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .case-style p {\r\n    margin: 0;\r\n    font-size: 0.9rem;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .converter-container {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .input-section, .conversion-options {\r\n      grid-column: auto;\r\n    }\r\n    \r\n    .action-buttons {\r\n      flex-direction: column;\r\n    }\r\n    \r\n    .action-btn {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n    \r\n    .option-buttons {\r\n      grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ DOM elements\r\n  const inputText = document.getElementById('input-text');\r\n  const outputText = document.getElementById('output-text');\r\n  const clearBtn = document.getElementById('clear-text');\r\n  const copyBtn = document.getElementById('copy-text');\r\n  const sampleBtn = document.getElementById('sample-text');\r\n  const caseOptions = document.querySelectorAll('.case-option');\r\n  const preserveNewlines = document.getElementById('preserve-newlines');\r\n  const trimSpaces = document.getElementById('trim-spaces');\r\n  const preserveFormatting = document.getElementById('preserve-formatting');\r\n  \r\n  \/\/ Stats elements\r\n  const charCount = document.getElementById('char-count');\r\n  const wordCount = document.getElementById('word-count');\r\n  const lineCount = document.getElementById('line-count');\r\n  \r\n  \/\/ Current case option\r\n  let currentCase = 'sentence';\r\n  \r\n  \/\/ Event listeners\r\n  inputText.addEventListener('input', function() {\r\n    convertCase();\r\n    updateStats();\r\n  });\r\n  \r\n  clearBtn.addEventListener('click', function() {\r\n    inputText.value = '';\r\n    outputText.value = '';\r\n    updateStats();\r\n  });\r\n  \r\n  copyBtn.addEventListener('click', function() {\r\n    if (outputText.value) {\r\n      outputText.select();\r\n      document.execCommand('copy');\r\n      \r\n      \/\/ Show feedback\r\n      const originalText = copyBtn.innerHTML;\r\n      copyBtn.innerHTML = '\u2705 Copied!';\r\n      setTimeout(() => {\r\n        copyBtn.innerHTML = originalText;\r\n      }, 2000);\r\n    }\r\n  });\r\n  \r\n  sampleBtn.addEventListener('click', function() {\r\n    inputText.value = `This is a sample text to demonstrate the case converter tool.\r\nIt includes multiple lines and different cases.\r\n\r\nTry converting this text to different case styles like:\r\n- Title Case\r\n- UPPER CASE\r\n- snake_case\r\n- camelCase`;\r\n    \r\n    convertCase();\r\n    updateStats();\r\n  });\r\n  \r\n  caseOptions.forEach(option => {\r\n    option.addEventListener('click', function() {\r\n      \/\/ Update active state\r\n      document.querySelector('.case-option.active').classList.remove('active');\r\n      this.classList.add('active');\r\n      \r\n      \/\/ Set current case\r\n      currentCase = this.dataset.case;\r\n      \r\n      \/\/ Convert text\r\n      convertCase();\r\n    });\r\n  });\r\n  \r\n  \/\/ Options listeners\r\n  preserveNewlines.addEventListener('change', convertCase);\r\n  trimSpaces.addEventListener('change', convertCase);\r\n  preserveFormatting.addEventListener('change', convertCase);\r\n  \r\n  \/\/ Convert text based on selected case\r\n  function convertCase() {\r\n    let text = inputText.value;\r\n    \r\n    if (!text.trim()) {\r\n      outputText.value = '';\r\n      return;\r\n    }\r\n    \r\n    \/\/ Preserve HTML formatting if enabled\r\n    if (preserveFormatting.checked) {\r\n      \/\/ This is a simplified version - in a real implementation you'd need a more robust HTML parser\r\n      const htmlTags = text.match(\/<[^>]+>\/g) || [];\r\n      const textParts = text.split(\/<[^>]+>\/);\r\n      \r\n      let convertedParts = [];\r\n      \r\n      for (let i = 0; i < textParts.length; i++) {\r\n        if (textParts[i]) {\r\n          convertedParts.push(convertTextCase(textParts[i], currentCase));\r\n        }\r\n        if (htmlTags[i]) {\r\n          convertedParts.push(htmlTags[i]);\r\n        }\r\n      }\r\n      \r\n      outputText.value = convertedParts.join('');\r\n    } else {\r\n      \/\/ Split by lines if preserveNewlines is checked\r\n      if (preserveNewlines.checked) {\r\n        const lines = text.split('\\n');\r\n        const convertedLines = lines.map(line => convertTextCase(line, currentCase));\r\n        outputText.value = convertedLines.join('\\n');\r\n      } else {\r\n        outputText.value = convertTextCase(text, currentCase);\r\n      }\r\n    }\r\n    \r\n    \/\/ Trim spaces if enabled\r\n    if (trimSpaces.checked) {\r\n      if (preserveNewlines.checked) {\r\n        const lines = outputText.value.split('\\n');\r\n        const trimmedLines = lines.map(line => line.trim());\r\n        outputText.value = trimmedLines.join('\\n');\r\n      } else {\r\n        outputText.value = outputText.value.trim();\r\n      }\r\n    }\r\n  }\r\n  \r\n  \/\/ Convert text to specific case\r\n  function convertTextCase(text, caseType) {\r\n    switch(caseType) {\r\n      case 'sentence':\r\n        return toSentenceCase(text);\r\n      case 'lower':\r\n        return text.toLowerCase();\r\n      case 'upper':\r\n        return text.toUpperCase();\r\n      case 'title':\r\n        return toTitleCase(text);\r\n      case 'camel':\r\n        return toCamelCase(text);\r\n      case 'pascal':\r\n        return toPascalCase(text);\r\n      case 'snake':\r\n        return toSnakeCase(text);\r\n      case 'kebab':\r\n        return toKebabCase(text);\r\n      case 'toggle':\r\n        return toToggleCase(text);\r\n      case 'alternating':\r\n        return toAlternatingCase(text);\r\n      case 'inverse':\r\n        return toInverseCase(text);\r\n      default:\r\n        return text;\r\n    }\r\n  }\r\n  \r\n  \/\/ Case conversion functions\r\n  function toSentenceCase(text) {\r\n    if (!text) return '';\r\n    \r\n    \/\/ Split into sentences\r\n    const sentences = text.split(\/([.!?]\\s+)\/);\r\n    let result = '';\r\n    \r\n    for (let i = 0; i < sentences.length; i++) {\r\n      if (sentences[i]) {\r\n        if (i % 2 === 0) {\r\n          \/\/ This is a sentence (even index)\r\n          const sentence = sentences[i];\r\n          if (sentence.length > 0) {\r\n            result += sentence[0].toUpperCase() + sentence.slice(1).toLowerCase();\r\n          }\r\n        } else {\r\n          \/\/ This is the punctuation and space (odd index)\r\n          result += sentences[i];\r\n        }\r\n      }\r\n    }\r\n    \r\n    return result;\r\n  }\r\n  \r\n  function toTitleCase(text) {\r\n    return text.replace(\/\\w\\S*\/g, function(txt) {\r\n      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n    });\r\n  }\r\n  \r\n  function toCamelCase(text) {\r\n    return text.replace(\/(?:^\\w|[A-Z]|\\b\\w|\\s+)\/g, function(match, index) {\r\n      if (+match === 0) return ''; \/\/ Remove spaces\r\n      return index === 0 ? match.toLowerCase() : match.toUpperCase();\r\n    }).replace(\/[^\\w]\/g, '');\r\n  }\r\n  \r\n  function toPascalCase(text) {\r\n    return text.replace(\/(?:^\\w|[A-Z]|\\b\\w|\\s+)\/g, function(match) {\r\n      if (+match === 0) return ''; \/\/ Remove spaces\r\n      return match.toUpperCase();\r\n    }).replace(\/[^\\w]\/g, '');\r\n  }\r\n  \r\n  function toSnakeCase(text) {\r\n    return text.trim()\r\n      .replace(\/\\s+\/g, '_')\r\n      .replace(\/[^\\w_]\/g, '')\r\n      .toLowerCase();\r\n  }\r\n  \r\n  function toKebabCase(text) {\r\n    return text.trim()\r\n      .replace(\/\\s+\/g, '-')\r\n      .replace(\/[^\\w-]\/g, '')\r\n      .toLowerCase();\r\n  }\r\n  \r\n  function toToggleCase(text) {\r\n    return text.split('').map((c, i) => \r\n      i % 2 === 0 ? c.toLowerCase() : c.toUpperCase()\r\n    ).join('');\r\n  }\r\n  \r\n  function toAlternatingCase(text) {\r\n    let upper = false;\r\n    return text.split('').map(c => {\r\n      if (\/[a-zA-Z]\/.test(c)) {\r\n        upper = !upper;\r\n        return upper ? c.toUpperCase() : c.toLowerCase();\r\n      }\r\n      return c;\r\n    }).join('');\r\n  }\r\n  \r\n  function toInverseCase(text) {\r\n    return text.split('').map(c => {\r\n      if (c === c.toUpperCase()) {\r\n        return c.toLowerCase();\r\n      } else {\r\n        return c.toUpperCase();\r\n      }\r\n    }).join('');\r\n  }\r\n  \r\n  \/\/ Update statistics\r\n  function updateStats() {\r\n    const text = inputText.value;\r\n    \r\n    \/\/ Character count\r\n    charCount.textContent = text.length;\r\n    \r\n    \/\/ Word count (simplified)\r\n    const words = text.trim() ? text.trim().split(\/\\s+\/) : [];\r\n    wordCount.textContent = words.length;\r\n    \r\n    \/\/ Line count\r\n    const lines = text ? text.split('\\n') : [];\r\n    lineCount.textContent = lines.length;\r\n  }\r\n  \r\n  \/\/ Initial update\r\n  updateStats();\r\n});\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e6baac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4e6baac\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b27d28\" data-id=\"6b27d28\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf1a3e6 elementor-widget elementor-widget-text-editor\" data-id=\"cf1a3e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"wp-block-heading\">\ud83d\udd20 Free Online Case Converter<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Need to quickly change the case of your text? Our free case converter makes it easy to transform your content to <strong>uppercase<\/strong>, <strong>lowercase<\/strong>, <strong>title case<\/strong>, or <strong>sentence case<\/strong> with a single click. Perfect for students, developers, writers, and editors!<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:heading --><\/p>\n<h2 class=\"wp-block-heading\">\ud83d\udca1 Available Case Formats<\/h2>\n<p><!-- \/wp:heading --><!-- wp:list --><\/p>\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>UPPERCASE<\/strong> \u2013 Converts all letters to capital letters<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>lowercase<\/strong> \u2013 Converts all letters to lowercase<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>Title Case<\/strong> \u2013 Capitalizes the first letter of each word<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>Sentence case<\/strong> \u2013 Capitalizes only the first letter of the first word in each sentence<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>aLtErNaTiNg cAsE<\/strong> \u2013 Fun and creative case transformation<\/li>\n<!-- \/wp:list-item --><\/ul>\n<p><!-- \/wp:list --><!-- wp:separator --><\/p>\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n<p><!-- \/wp:separator --><!-- wp:heading --><\/p>\n<h2 class=\"wp-block-heading\">\u2728 Why Use Our Case Converter?<\/h2>\n<p><!-- \/wp:heading --><!-- wp:list --><\/p>\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Instant Conversion<\/strong> \u2013 No delays or loading times<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>Easy to Use<\/strong> \u2013 Just paste your text and click a button<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>No Limits<\/strong> \u2013 Convert as much text as you want<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>Mobile-Friendly<\/strong> \u2013 Use it on any device<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>No Signup Required<\/strong> \u2013 100% free and anonymous<\/li>\n<!-- \/wp:list-item --><\/ul>\n<p><!-- \/wp:list --><!-- wp:separator --><\/p>\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n<p><!-- \/wp:separator --><!-- wp:heading --><\/p>\n<h2 class=\"wp-block-heading\">\ud83d\ude80 How It Works<\/h2>\n<p><!-- \/wp:heading --><!-- wp:list {\"ordered\":true} --><\/p>\n<ol class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Paste or type<\/strong> your text into the input box<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>Select<\/strong> the desired case format<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>Copy<\/strong> the converted result and use it anywhere<\/li>\n<!-- \/wp:list-item --><\/ol>\n<p><!-- \/wp:list --><!-- wp:separator --><\/p>\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n<p><!-- \/wp:separator --><!-- wp:heading --><\/p>\n<h2 class=\"wp-block-heading\">\ud83d\udccc Who Needs a Case Converter?<\/h2>\n<p><!-- \/wp:heading --><!-- wp:list --><\/p>\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li><strong>Writers &amp; Editors<\/strong> \u2013 Format content quickly<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>Developers<\/strong> \u2013 Standardize code comments or text<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>Students<\/strong> \u2013 Fix formatting issues in essays<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>Social Media Managers<\/strong> \u2013 Style captions and posts<\/li>\n<!-- \/wp:list-item --><!-- wp:list-item -->\n<li><strong>SEO &amp; Content Creators<\/strong> \u2013 Ensure consistency in titles and meta data<\/li>\n<!-- \/wp:list-item --><\/ul>\n<p><!-- \/wp:list --><!-- wp:separator --><\/p>\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n<p><!-- \/wp:separator --><!-- wp:heading --><\/p>\n<h2 class=\"wp-block-heading\">\u2705 Try It Now \u2013 100% Free<\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph --><\/p>\n<p>Fix your formatting in seconds. Use our fast and free case converter today!<\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph --><\/p>\n<p>\ud83d\udc49 <strong>[Use the Case Converter Tool Now]<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd04 Case Converter Enter your text: \ud83d\uddd1\ufe0f Clear \ud83d\udccb Copy \ud83d\udcdd Sample Conversion Options Sentence case lower case UPPER CASE Title Case camelCase PascalCase snake_case kebab-case tOGGLE cASE aLtErNaTiNg cAsE InVeRsE CaSe Preserve line breaks Trim extra spaces Preserve HTML formatting Converted text: 0 Characters 0 Words 0 Lines \u2139\ufe0f About Case Styles Sentence case [&hellip;]<\/p>\n<\/p><div class=\"more-link\"><a href=\"https:\/\/ingenio.vip\/zh\/tools-pages\/case-converter\/\" class=\"btn btn-small btn--dark btn-hover-shadow\"><span class=\"text\">Continue Reading<\/span><i class=\"seoicon-right-arrow\"><\/i><\/a><\/div>","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"elementor_header_footer","meta":{"_acf_changed":false,"googlesitekit_rrm_CAowrpbbCw:productID":"","footnotes":""},"tools-categories":[],"class_list":["post-4249","tools-pages","type-tools-pages","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ingenio.vip\/zh\/wp-json\/wp\/v2\/tools-pages\/4249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ingenio.vip\/zh\/wp-json\/wp\/v2\/tools-pages"}],"about":[{"href":"https:\/\/ingenio.vip\/zh\/wp-json\/wp\/v2\/types\/tools-pages"}],"author":[{"embeddable":true,"href":"https:\/\/ingenio.vip\/zh\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":8,"href":"https:\/\/ingenio.vip\/zh\/wp-json\/wp\/v2\/tools-pages\/4249\/revisions"}],"predecessor-version":[{"id":4563,"href":"https:\/\/ingenio.vip\/zh\/wp-json\/wp\/v2\/tools-pages\/4249\/revisions\/4563"}],"wp:attachment":[{"href":"https:\/\/ingenio.vip\/zh\/wp-json\/wp\/v2\/media?parent=4249"}],"wp:term":[{"taxonomy":"tools-categories","embeddable":true,"href":"https:\/\/ingenio.vip\/zh\/wp-json\/wp\/v2\/tools-categories?post=4249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}