📝

Text Manipulation Toolkit

Multiple text tools for processing and transformation

Overview

A comprehensive text manipulation suite offering case conversion, formatting, data extraction, and encoding tools. Perfect for developers, writers, and anyone working with text processing tasks.

🎯 Purpose

All-in-one text processing with 4 tool categories

⚡ Features

Real-time processing, statistics, history tracking

💾 Storage

Local storage for operation history

Key Features

Case Conversion Tools

Transform text between different case formats:

• UPPERCASE and lowercase
• Title Case for proper formatting
• camelCase for programming variables
• snake_case and kebab-case
• aLtErNaTiNg and iNVERSE cases

Text Transformation

Advanced text manipulation options:

• Reverse text character by character
• Remove extra spaces and line breaks
• Add line numbers to text
• Sort lines alphabetically
• Remove duplicate lines

Data Extraction

Extract specific patterns from text:

• Email addresses with regex pattern matching
• URLs and web links
• Automatic pattern recognition

Encoding & Decoding

Text encoding utilities:

• Base64 encoding and decoding
• URL encoding and decoding
• Error handling for invalid inputs

Real-time Text Analytics

Live Statistics Dashboard

Characters

Total count

Without Spaces

Clean count

Words

Word count

Lines

Line count

Paragraphs

Paragraph count

Sentences

Sentence count

Technical Implementation

Frontend Technologies

React with TypeScript
TailwindCSS for styling
RegEx for pattern matching
Local storage for history

Text Processing

String manipulation algorithms
Real-time statistics calculation
Base64 and URL encoding APIs
Clipboard API integration

Core Logic Examples

Case Conversion Functions

case-conversion.ts

// Convert to camelCase
const toCamelCase = () => {
  const result = inputText
    .replace(/(?:^\w|[A-Z]|\b\w)/g, (word, index) => 
      index === 0 ? word.toLowerCase() : word.toUpperCase()
    )
    .replace(/\s+/g, '');
  return result;
};

// Convert to snake_case
const toSnakeCase = () => {
  return inputText
    .replace(/\W+/g, ' ')
    .split(/ |\B(?=[A-Z])/)
    .map(word => word.toLowerCase())
    .join('_');
};

Pattern Extraction

pattern-extraction.ts

// Extract email addresses
const extractEmails = () => {
  const emailRegex = /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g;
  const emails = inputText.match(emailRegex) || [];
  return emails.join('\n');
};

// Extract URLs
const extractURLs = () => {
  const urlRegex = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/g;
  const urls = inputText.match(urlRegex) || [];
  return urls.join('\n');
};

How to Use

Enter Your Text

Paste or type text into the input area and see live statistics

Choose Tool Category

Select from Case Converter, Text Transform, Extract, or Encode/Decode

Apply Transformation

Click any tool button to process your text and see results instantly

Copy & Track

Copy results to clipboard and view your operation history