¿Por qué Dragonfish no acepta texto con formato?
Porque el campo de descripción de Dragonfish guarda texto plano, y lo envía a Tiendanube tal cual. No hay negritas, no hay saltos de línea, no hay listas. Lo único que Tiendanube después interpreta es el HTML: si querés una palabra en negrita, en Dragonfish tenés que escribir literalmente <b>palabra</b>, y para cortar un renglón, <br>.
Es tedioso, es propenso a errores y no hay ninguna razón para que lo haga una persona a mano. Este editor te deja escribir con botones, como en un procesador de texto, y te devuelve el HTML listo para pegar.
¿Qué etiquetas genera?
| Grupo | Opciones |
|---|---|
| Estilo de bloque | Normal (<p>), Título (<h2>), Subtítulo (<h3>) |
| Formato | Negrita, cursiva, subrayado, tachado, superíndice, subíndice |
| Fuente y tamaño | 15 fuentes de sistema, 16 tamaños de 10 a 96 px |
| Colores | Color de texto y de fondo, con paleta de 40 y campo hexadecimal |
| Listas y alineación | Viñetas, numeradas, izquierda, centro, derecha, justificado |
| Insertar | Enlace, imagen por URL, tabla hasta 10×10, emojis |
Las etiquetas que produce son: <b> <i> <u> <s> <sup> <sub> <ul> <ol> <li> <h2> <h3> <p> <br> <a> <img> <span> <table>. Nada más.
¿Por qué los emojis se convierten en código?
Porque Dragonfish maneja el texto en una codificación de un byte —Windows-1252 o similar—, donde entran las tildes y la ñ pero no los emojis. Un 🔥 pegado como carácter llega a Tiendanube convertido en un cuadrado vacío.
La solución es convertirlo a una referencia numérica HTML en hexadecimal: 🔥. Es ASCII puro, así que sobrevive cualquier codificación, y el navegador de tu cliente lo muestra como el emoji correcto.
Por qué hexadecimal y no decimal. Los dos funcionan, pero el hexadecimal coincide con la notación oficial de Unicode —el fuego es U+1F525—, así que es más fácil de buscar y depurar, y además ocupa un carácter menos.
El detalle que evita el bug. Muchos emojis no son un solo carácter: ❤️ son dos puntos de código y 👩⚕️ son cuatro. La conversión recorre el texto por punto de código y no por carácter, así que las secuencias compuestas se convierten enteras y no quedan a medias.
Qué NO se convierte. Solo se transforma lo que queda fuera del rango de un byte. Las tildes, la ñ y la diéresis se quedan como caracteres normales, que es como Dragonfish las espera. Sí se convierten la raya larga (—), las comillas tipográficas y el símbolo del euro, que también se rompen en ese circuito.
Ojo con el contador de caracteres. Un emoji convertido ocupa 9 caracteres como entidad. Si el campo de destino tiene tope, el contador de la herramienta ya lo refleja.
Sobre las fuentes: dos advertencias
Las 15 fuentes disponibles son fuentes de sistema: vienen instaladas en Windows, macOS y Android. Tiendanube no las provee ni las bloquea, simplemente pasan al navegador de quien visita tu tienda. Cada una se escribe con una cadena de respaldo:
font-family: "Arial Black", Gadget, sans-serifSi el visitante no tiene Arial Black, el navegador prueba Gadget; si tampoco, cae en la sans-serif del sistema. Por eso la descripción nunca se rompe. Dicho eso:
- En iPhone varias de estas fuentes no existen y caen al respaldo. Lo que ves en la computadora puede verse distinto en un celular.
- Usar una fuente distinta a la del tema de tu tienda hace que la descripción se vea pegada de otro lado. Conviene usarlo con moderación.
Qué hace el editor para que no se rompa nada
Al pegar, todo entra como texto plano. Esta es la protección más importante: la basura que arrastra Word —mso-ascii-theme-font y compañía— nunca llega al documento. Los únicos estilos que sobreviven son los que aplicás con los botones.
- Lista blanca de estilos: solo sobreviven
color,background-color,font-family,font-size,text-aligny las propiedades de tabla. Todo lo demás se descarta. - Filtro de etiquetas: cualquier etiqueta no permitida se desarma conservando el texto.
- Enlaces: solo
http,https,mailtoytel. Se les agregatarget="_blank"yrel="noopener"solos. - Tablas: la primera fila sale como encabezado y lleva bordes en línea, porque muchos temas de Tiendanube no les dan estilo y sin eso se verían como texto suelto.
- Modo compacto: todo en una línea, para campos con límite de caracteres.
Preguntas frecuentes
¿Sirve solo para Dragonfish?
No. Sirve para cualquier sistema que solo acepte texto plano y después renderice HTML: Dragonfish es el caso más común, pero también funciona para otros ERP, para planillas de carga masiva y para campos de descripción de marketplaces.
¿Puedo pegar texto desde Word?
Sí, y es justamente donde más te cubre: todo lo que pegás entra como texto plano, así que la basura de estilos que arrastra Word nunca llega al HTML final. Después le aplicás el formato con los botones.
¿Puedo subir imágenes?
Solo por URL externa. El editor no aloja archivos: la imagen tiene que estar ya publicada en algún lado y vos pegás su dirección.
¿Por qué mi emoji se ve como un cuadrado en Tiendanube?
Porque Dragonfish maneja el texto en una codificación de un byte que no soporta emojis. La solución es convertirlo a entidad HTML hexadecimal, que es lo que hace esta herramienta por defecto.
¿Por qué no puedo usar cualquier tipografía?
Porque solo están las fuentes de sistema, que vienen instaladas en Windows, macOS y Android. Una fuente que no esté instalada en el dispositivo del visitante simplemente no se ve, y Tiendanube no provee tipografías para las descripciones.
¿El texto se guarda en algún lado?
No. Todo pasa en tu navegador. Cuando cerrás la pestaña, no queda nada.
Cherno · Cher Digital
Hago desarrollo y consultoría de eCommerce desde Mar del Plata, para toda la Argentina. Soy Partner certificado de Tiendanube y me especializo en la integración con Dragonfish: conectar el ERP de la tienda física con la tienda online para que stock, precios y pedidos dejen de cargarse a mano.