Spaces:

alexandremoraisdarosa
/

conversor-texto-html

Running

App Files Files Community

alexandremoraisdarosa commited on 26 days ago

Commit

6ff2978

verified ·

1 Parent(s): 2bd815a

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +434 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Conversor Texto Html
-emoji: 😻
-colorFrom: green
-colorTo: purple
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: conversor-texto-html
+emoji: ⚛️
+colorFrom: red
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - QwenSite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,434 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Ferramenta de Conversão de Caracteres Especiais em HTML</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+  <style>
+    body {
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+      background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
+    }
+    .innertube {
+      background: white;
+      border-radius: 12px;
+      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+      padding: 30px;
+      transition: all 0.3s ease;
+    }
+    .innertube:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
+    }
+    .textarea-custom {
+      border: 2px solid #e2e8f0;
+      border-radius: 8px;
+      padding: 12px;
+      font-size: 16px;
+      transition: all 0.3s ease;
+      resize: vertical;
+      min-height: 120px;
+    }
+    .textarea-custom:focus {
+      outline: none;
+      border-color: #3b82f6;
+      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+    }
+    .button {
+      background: linear-gradient(135deg, #4f46e5 0%, #312e81 100%);
+      color: white;
+      border: none;
+      padding: 10px 24px;
+      border-radius: 8px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.3s ease;
+    }
+    .button:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
+    }
+    .button:active {
+      transform: translateY(0);
+    }
+    .download-btn {
+      background: linear-gradient(135deg, #10b981 0%, #065f46 100%);
+      color: white;
+      border: none;
+      padding: 10px 20px;
+      border-radius: 8px;
+      font-weight: 600;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      transition: all 0.3s ease;
+    }
+    .download-btn:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
+    }
+    .pre-code {
+      background-color: #f8fafc;
+      border: 1px solid #e2e8f0;
+      border-radius: 8px;
+      padding: 16px;
+      overflow-x: auto;
+      font-family: 'Courier New', monospace;
+    }
+    .sample-text {
+      animation: highlight 1s ease-in-out;
+    }
+    @keyframes highlight {
+      0% { background-color: #fef3c7; }
+      100% { background-color: white; }
+    }
+    .instructions {
+      background: linear-gradient(135deg, #dbeafe 0%, #93c5fd 100%);
+      color: #1e3a8a;
+      padding: 20px;
+      border-radius: 8px;
+      margin: 20px 0;
+      border-left: 5px solid #3b82f6;
+    }
+    .feature-icon {
+      font-size: 24px;
+      color: #4f46e5;
+    }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="container mx-auto px-4 py-8">
+    <div class="max-w-6xl mx-auto">
+      <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
+        <!-- Main Content -->
+        <div class="lg:col-span-2">
+          <div class="innertube">
+            <h1 class="text-3xl font-bold text-gray-800 mb-2 flex items-center">
+              <i class="fas fa-code feature-icon mr-3"></i>
+              Ferramenta de Conversão de Caracteres Especiais em HTML
+            </h1>
+            <div class="instructions">
+              <h3 class="font-bold text-lg mb-2"><i class="fas fa-info-circle mr-2"></i> Como usar:</h3>
+              <ol class="list-decimal pl-5 space-y-1">
+                <li>Digite ou cole seu texto com caracteres especiais na caixa abaixo</li>
+                <li>Os caracteres serão convertidos automaticamente para entidades HTML</li>
+                <li>Clique em "Converter" se a conversão automática não funcionar</li>
+                <li>Copie o resultado ou baixe como arquivo HTML</li>
+              </ol>
+            </div>
+            <p class="text-gray-700 mb-6 leading-relaxed">
+              A maneira mais fácil de definir um conjunto de caracteres no seu HTML é usando a tag META <strong>Content-Type</strong>.
+              Mas se por algum motivo você não puder definir um conjunto de caracteres em seus arquivos HTML, você pode codificar
+              caracteres especiais em HTML (como caracteres com acentos ou o caractere &euro;).
+              Seu caractere será mostrado corretamente na maioria dos casos (se sua fonte suportar o caractere).
+              Caracteres codificados em HTML sempre começam com uma espereta (&amp;) e terminam com ponto e vírgula (;).
+              O número entre eles é o número decimal da tabela <strong>UTF-8</strong>.
+            </p>
+            <form name="conversionForm" method="post" class="tools" onsubmit="return cschar();">
+              <p class="text-gray-700 mb-3">
+                Cole seu texto normal abaixo (incluindo caracteres especiais).
+                <button type="button" onclick="accentSample()" class="text-blue-600 hover:text-blue-800 font-medium">
+                  <i class="fas fa-paste mr-1"></i> Inserir texto de exemplo
+                </button>
+              </p>
+              <textarea id="inputText"
+                        onchange="cschar()"
+                        onkeyup="cschar()"
+                        name="inputText"
+                        aria-label="Texto de entrada"
+                        placeholder="Digite ou cole seu texto com acentos, símbolos e caracteres especiais aqui..."
+                        class="textarea-custom w-full mb-4"></textarea>
+              <div class="flex flex-wrap gap-4 mb-4">
+                <input class="button" type="button" name="convert" value="Converter" onclick="return cschar()" />
+                <button onclick="return downl('html')" class="download-btn">
+                  <i class="fa fa-download" aria-hidden="true"></i> Baixar como HTML
+                </button>
+              </div>
+              <p class="text-gray-700 font-medium mb-3">Seu texto codificado em HTML:</p>
+              <textarea id="outputText"
+                        name="outputText"
+                        readonly="readonly"
+                        aria-label="Texto de saída"
+                        class="textarea-custom w-full bg-gray-50 text-gray-800 font-mono text-sm"
+                        placeholder="[nada ainda]"></textarea>
+            </form>
+            <h2 id="programming" class="text-2xl font-bold text-gray-800 mt-12 mb-4 flex items-center">
+              <i class="fas fa-laptop-code feature-icon mr-3"></i>
+              Rotinas de Programação
+            </h2>
+            <h3 id="php" class="text-xl font-semibold text-gray-700 mb-3 flex items-center">
+              <i class="fab fa-php text-blue-600 mr-2"></i>
+              PHP
+            </h3>
+            <p class="text-gray-700 mb-4">
+              Use <code class="bg-gray-200 px-2 py-1 rounded">htmlentities( string [, quote style, charset ] )</code> para converter seus caracteres em entidades HTML. Exemplo:
+            </p>
+            <div class="pre-code">
+              <pre><code class="php">htmlentities('ë', ENT_COMPAT, 'UTF-8')</code></pre>
+            </div>
+            <p class="text-gray-700 mt-4 leading-relaxed">
+              Isso gera &amp;euml; (e a string é codificada em HTML)<br/>
+              <strong>ENT_COMPAT</strong> converterá aspas duplas e deixará aspas simples inalteradas.<br/>
+              Você também pode especificar um conjunto de caracteres para definir qual conjunto deve ser usado na conversão.
+              O padrão é UTF-8 (PHP 5.4.0+, padrão=ISO-8859-1/Latin 1 para versões mais antigas do PHP).<br/>
+              <a href="http://php.net/manual/en/function.htmlentities.php" class="text-blue-600 hover:text-blue-800 font-medium">
+                Mais informações
+              </a>
+            </p>
+          </div>
+        </div>
+        <!-- Sidebar -->
+        <div class="lg:col-span-1">
+          <div class="sticky top-8">
+            <div class="innertube">
+              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
+                <i class="fas fa-compass feature-icon mr-3"></i>
+                Navegação
+              </h2>
+              <div class="space-y-6">
+                <div>
+                  <div class="links">
+                    <a href="/" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-2 border-b border-gray-100">
+                      <i class="fas fa-home mr-2"></i> Início
+                    </a>
+                  </div>
+                </div>
+                <div>
+                  <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
+                    <i class="fas fa-globe-americas mr-2 text-green-600"></i>
+                    Ferramentas Unicode
+                  </h4>
+                  <div class="links space-y-2">
+                    <a href="/utf8-to-latin-converter" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-exchange-alt mr-2 text-sm"></i> Conversor UTF-8 para Latin
+                    </a>
+                    <a href="/html-special-characters" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-code mr-2 text-sm"></i> Conversor de caracteres especiais HTML
+                    </a>
+                    <a href="/url-encode" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-link mr-2 text-sm"></i> Codificação/decodificação URL
+                    </a>
+                    <a href="/punycode" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-font mr-2 text-sm"></i> Conversor Punycode IDN
+                    </a>
+                  </div>
+                </div>
+                <div>
+                  <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
+                    <i class="fas fa-text-height mr-2 text-purple-600"></i>
+                    Ferramentas de Texto
+                  </h4>
+                  <div class="links space-y-2">
+                    <a href="/remove-accents" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-ban mr-2 text-sm"></i> Remover todos os acentos
+                    </a>
+                    <a href="/uppercase" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-font mr-2 text-sm"></i> Converter para maiúsculas
+                    </a>
+                    <a href="/lowercase" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-font mr-2 text-sm" style="transform: scaleY(0.7); display: inline-block;"></i> Converter para minúsculas
+                    </a>
+                    <a href="/base64-encode" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-certificate mr-2 text-sm"></i> Codificação/decodificação Base64
+                    </a>
+                    <a href="/rot13" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-sync mr-2 text-sm"></i> Ferramenta cifra ROT13
+                    </a>
+                    <a href="/string-length" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-ruler-horizontal mr-2 text-sm"></i> Calculadora de comprimento de string
+                    </a>
+                  </div>
+                </div>
+                <div>
+                  <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
+                    <i class="fas fa-cogs mr-2 text-orange-600"></i>
+                    Programação
+                  </h4>
+                  <div class="links space-y-2">
+                    <a href="/#set" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-sliders-h mr-2 text-sm"></i> Definir um conjunto de caracteres
+                    </a>
+                    <a href="/programming/converting-latin-to-utf8" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-exchange-alt mr-2 text-sm"></i> Converter Latin para UTF-8
+                    </a>
+                  </div>
+                </div>
+                <div>
+                  <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
+                    <i class="fas fa-list mr-2 text-red-600"></i>
+                    Conjuntos de Caracteres
+                  </h4>
+                  <div class="links space-y-2">
+                    <a href="/utf-8" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-leaf mr-2 text-sm"></i> Página de códigos UTF-8
+                    </a>
+                    <a href="/charsets/iso-8859-1" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-tag mr-2 text-sm"></i> ISO-8859-1
+                    </a>
+                    <a href="/charsets/us-ascii" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-terminal mr-2 text-sm"></i> US-ASCII
+                    </a>
+                    <a href="/alphabet/iso-basic-latin" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-font mr-2 text-sm"></i> ISO Latin Básico
+                    </a>
+                    <a href="/charsets/iso-8859-1#all" class="text-gray-700 hover:text-blue-600 transition-colors duration-200 block py-1">
+                      <i class="fas fa-ellipsis-h mr-2 text-sm"></i> Mais ...
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script>
+    // Função para converter caracteres especiais em entidades HTML
+    function cschar() {
+      const inputElement = document.getElementById('inputText');
+      const outputElement = document.getElementById('outputText');
+      const inputText = inputElement.value;
+      if (!inputText) {
+        outputElement.value = '[nada ainda]';
+        return false;
+      }
+      // Converter caracteres especiais
+      let convertedText = inputText
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;')
+        .replace(/À/g, '&Agrave;')
+        .replace(/à/g, '&agrave;')
+        .replace(/Á/g, '&Aacute;')
+        .replace(/á/g, '&aacute;')
+        .replace(/Â/g, '&Acirc;')
+        .replace(/â/g, '&acirc;')
+        .replace(/Ã/g, '&Atilde;')
+        .replace(/ã/g, '&atilde;')
+        .replace(/Ä/g, '&Auml;')
+        .replace(/ä/g, '&auml;')
+        .replace(/Å/g, '&Aring;')
+        .replace(/å/g, '&aring;')
+        .replace(/È/g, '&Egrave;')
+        .replace(/è/g, '&egrave;')
+        .replace(/É/g, '&Eacute;')
+        .replace(/é/g, '&eacute;')
+        .replace(/Ê/g, '&Ecirc;')
+        .replace(/ê/g, '&ecirc;')
+        .replace(/Ë/g, '&Euml;')
+        .replace(/ë/g, '&euml;')
+        .replace(/Ì/g, '&Igrave;')
+        .replace(/ì/g, '&igrave;')
+        .replace(/Í/g, '&Iacute;')
+        .replace(/í/g, '&iacute;')
+        .replace(/Î/g, '&Icirc;')
+        .replace(/î/g, '&icirc;')
+        .replace(/Ï/g, '&Iuml;')
+        .replace(/ï/g, '&iuml;')
+        .replace(/Ò/g, '&Ograve;')
+        .replace(/ò/g, '&ograve;')
+        .replace(/Ó/g, '&Oacute;')
+        .replace(/ó/g, '&oacute;')
+        .replace(/Ô/g, '&Ocirc;')
+        .replace(/ô/g, '&ocirc;')
+        .replace(/Õ/g, '&Otilde;')
+        .replace(/õ/g, '&otilde;')
+        .replace(/Ö/g, '&Ouml;')
+        .replace(/ö/g, '&ouml;')
+        .replace(/Ù/g, '&Ugrave;')
+        .replace(/ù/g, '&ugrave;')
+        .replace(/Ú/g, '&Uacute;')
+        .replace(/ú/g, '&uacute;')
+        .replace(/Û/g, '&Ucirc;')
+        .replace(/û/g, '&ucirc;')
+        .replace(/Ü/g, '&Uuml;')
+        .replace(/ü/g, '&uuml;')
+        .replace(/Ç/g, '&Ccedil;')
+        .replace(/ç/g, '&ccedil;')
+        .replace(/Ñ/g, '&Ntilde;')
+        .replace(/ñ/g, '&ntilde;')
+        .replace(/Š/g, '&Scaron;')
+        .replace(/š/g, '&scaron;')
+        .replace(/Ž/g, '&Zcaron;')
+        .replace(/ž/g, '&zcaron;')
+        .replace(/Ø/g, '&Oslash;')
+        .replace(/ø/g, '&oslash;')
+        .replace(/Ð/g, '&ETH;')
+        .replace(/ð/g, '&eth;')
+        .replace(/Þ/g, '&THORN;')
+        .replace(/þ/g, '&thorn;')
+        .replace(/ß/g, '&szlig;')
+        .replace(/¥/g, '&yen;')
+        .replace(/©/g, '&copy;')
+        .replace(/®/g, '&reg;')
+        .replace(/™/g, '&trade;')
+        .replace(/€/g, '&euro;')
+        .replace(/£/g, '&pound;')
+        .replace(/¢/g, '&cent;')
+        .replace(/§/g, '&sect;')
+        .replace(/¶/g, '&para;')
+        .replace(/•/g, '&bull;');
+      outputElement.value = convertedText;
+      return false;
+    }
+    // Função para inserir texto de exemplo
+    function accentSample() {
+      const sampleText = "Olá, mundo! Este é um texto de exemplo com acentos: à, á, â, ã, ä, è, é, ê, ë, ì, í, î, ï, ò, ó, ô, õ, ö, ù, ú, û, ü, ç, ñ. Também inclui símbolos: €, £, ¥, ©, ® e ™.";
+      document.getElementById('inputText').value = sampleText;
+      document.getElementById('inputText').classList.add('sample-text');
+      setTimeout(() => {
+        document.getElementById('inputText').classList.remove('sample-text');
+      }, 1000);
+      cschar();
+    }
+    // Função para baixar como arquivo HTML
+    function downl(type) {
+      const outputText = document.getElementById('outputText').value;
+      if (outputText === '[nada ainda]' || !outputText.trim()) {
+        alert('Por favor, converta um texto primeiro!');
+        return false;
+      }
+      let content, filename;
+      if (type === 'html') {
+        content = `<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Texto Convertido</title>
+</head>
+<body>
+    <p>${outputText}</p>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=alexandremoraisdarosa/conversor-texto-html" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ Em português. Crie um aplicativo para conversão em HTML. Gere instruções ao usuário. Considere parte do código: <h1 title="">HTML Special Characters Conversion Tool and Routines</h1> </div></div> <div id="contentwrapper"> <div id="contentcolumn"> <div id="jqlocl"></div> <div class="innertube"> <h2>HTML special character converter</h2> <p>The easiest way to set a charset in your HTML is by using the <a href="/#html">Content-Type META tag</a>. But if for some reason you cannot define a character set in your HTML files, you can HTML-encode special characters (such as characters with accents or the €-character). Your character will be shown correctly in almost all cases (if your font supports the character). HTML-encoded characters always start with an ampersand (&) and end with a semicolon (;). The number in between is the decimal number from the <a href="/utf-8">UTF-8 table</a>.</p> <form name="conversionForm" method="post" class="tools" onSubmit="return cschar();"> <p>Copy your normal text below (including special characters). <a href="javascript:accentSample()">Insert sample text</a></p> <textarea id="inputText" onChange="cschar()" onKeyUp="cschar();" name="inputText" aria-label="Input text"></textarea><br> <input class="button" type="button" name="convert" value="Convert" onClick="return cschar()" /> <p><br/><button onClick="return downl('html')"><i class="fa fa-download" aria-hidden="true"></i> Download as HTML</button>   Your HTML encoded text:</p> <textarea id="outputText" name="outputText" readonly="readonly" aria-label="Output text">[nothing yet]</textarea><br> </form> <h2 id="programming">Programming routines</h2> <h3 id="php">PHP</h3> <p>Use htmlentities( <i>string</i>  [, <i>quote style</i>, <i>charset</i> ] ) to convert your characters to HTML encoded characters. Example:</p> <pre><code class="php">htmlentities('ë', ENT_COMPAT, 'UTF-8')</code></pre> <p>This outputs ë (and the string is HTML encoded)<br/> ENT_COMPAT will convert double-quotes and leave single-quotes alone.<br/> You can also specify a charset to define which charset should be used in the conversion. The default is UTF-8 (PHP 5.4.0+, default=ISO-8859-1/Latin 1 for older PHP versions). <br/><a href="http://php.net/manual/en/function.htmlentities.php">More information</a></p> </div> </div> </div> <div id="jqlocr"></div> <div id="rightcolumn"> <span class="close"></span> <div class="innertube"> <h2>Pages</h2> <div class="sub firstsub"> <div class="links"><a href="/">Home</a></div> <h4>Unicode tools</h4><div class="links"> <a href="/utf8-to-latin-converter">UTF-8 to Latin converter</a><br/> <a href="/html-special-characters">HTML special character converter</a><br/> <a href="/url-encode">URL/percent encode & decode</a><br/> <a href="/punycode">Punycode IDN converter</a></div> <h4>Text manipulation tools</h4><div class="links"> <a href="/remove-accents">Remove all accents</a><br/> <a href="/uppercase">Convert to uppercase</a><br/> <a href="/lowercase">Convert to lowercase</a><br/> <a href="/base64-encode">Base64 encode & decode</a><br/> <a href="/rot13">ROT13 cipher tool</a><br/> <a href="/string-length">String length calculator</a></div> <h4>Programming</h4><div class="links"> <a href="/#set">Setting a charset</a><br/> <a href="/programming/converting-latin-to-utf8">Converting Latin to UTF-8</a></div> <h4>Character sets</h4><div class="links"> <a href="/utf-8">UTF-8 code page</a><br/> <a href="/charsets/iso-8859-1">ISO-8859-1</a><br/> <a href="/charsets/us-ascii">US-ASCII</a><br/> <a href="/alphabet/iso-basic-latin">ISO Basic Latin</a><br/> <a href="/charsets/iso-8859-1#all">More ...</a></div>