Skip to main content
Aviso eliminado Atraer atención por Rubén
Recompensa finalizada con Marcos's answer elegida por Rubén
etiquetas editadas
Enlace
Rubén
  • 11.5k
  • 7
  • 41
  • 85
se añadieron 2 caracteres en el cuerpo; se eliminaron 8 caracteres en el cuerpo
Origen Enlace
Rubén
  • 11.5k
  • 7
  • 41
  • 85
País    Estado      Ciudad  
México Nuevo León Monterrey
México Tamaulipas  Güémez
País    Estado      Ciudad  
México Nuevo León Monterrey
México Tamaulipas  Güémez
Estado  Ciudad  
México Nuevo León Monterrey
México Tamaulipas  Güémez
Aviso añadido Atraer atención por Rubén
Recompensa iniciada por un valor de 100 de reputación por Rubén
Origen Enlace
Rubén
  • 11.5k
  • 7
  • 41
  • 85

Cómo hacer que Excel abra correctamente un archivo CSV con diacríticos al hacer doble clic en el mismo

El usuario cuenta con Excel como aplicación predeterminada para abrir archivos CSV y desea que luego de descargar un archivo CSV de mi aplicación al hacer doble clic en este y ser abierto en Excel, los diacríticos se vean correctamente.

Los datos son

País    Estado      Ciudad
México  Nuevo León  Monterrey
México  Tamaulipas  Güémez

pero se ven de la siguiente forma

País    Estado      Ciudad  
México Nuevo León Monterrey
México Tamaulipas  Güémez

Adapté el código de Use JavaScript to Export Your Data as CSV para poder explicar la situación de forma general con un ejemplo completo mínimo y verificable.

  • Se tiene datos en una matriz de objetos que incluyen diacríticos
  • Se genera un enlace para descargar los datos como archivos CSV.

var datos = [
  {
    País: "México",
    Estado: "Nuevo León",
    Ciudad: "Monterrey"
  },
  {
    País: "México",
    Estado: "Tamaulipas",
    Ciudad: "Güémez"
  }
];

function convertArrayOfObjectsToCSV(args) {
  var result, ctr, keys, columnDelimiter, lineDelimiter, data;

  data = args.data || null;
  if (data == null || !data.length) {
    return null;
  }

  columnDelimiter = args.columnDelimiter || ',';
  lineDelimiter = args.lineDelimiter || '\n';

  keys = Object.keys(data[0]);

  result = '';
  result += keys.join(columnDelimiter);
  result += lineDelimiter;

  data.forEach(function(item) {
    ctr = 0;
    keys.forEach(function(key) {
      if (ctr > 0) result += columnDelimiter;

      result += item[key];
      ctr++;
    });
    result += lineDelimiter;
  });

  return result;
}

function downloadCSV(args) {
  var data, filename, link;

  var csv = convertArrayOfObjectsToCSV({
    data: datos
  });
  if (csv == null) return;

  filename = args.filename || 'export.csv';

  if (!csv.match(/^data:text\/csv/i)) {
    csv = 'data:text/csv;charset=utf-8' + csv;
  }
  data = encodeURI(csv);

  link = document.createElement('a');
  link.setAttribute('href', data);
  link.setAttribute('download', filename);
  link.click();
}
<a href='#' onclick='downloadCSV({ filename: "ciudades-con-diacríticos.csv" });'>Descargar CSV</a>

Sobre lo que he intentado para solucionarlo encontré que agregar el caracter BOM genera una excepción ya que utf-8 es de caracter simple y no funciona en Mac, y también intenté reemplazando utf-8 por utf-8-sig y agregué los octetos 0xEF,0xBB,0xBF pero no me funcionarion.

Pregunta en inglés relacionada

Microsoft Excel mangles Diacritics in .csv files?