CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 29 04:20:02

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

JavaScript Orienté objet (POO)

Comment gérer les accents appli WYSIWYG

Poser une question dans le forum ou lancer une discussion

Comment gérer les accents appli WYSIWYG

mercredi 8 août 2007 à 15:32:03 | Comment gérer les accents appli WYSIWYG

Jarod1980

130 msg

250 msg CS

Bonjour,
Je voudrais savoir comment peut on gérer les accents du style é, è, à, ê, etc... dans une application WYSIWYG de façon à générer le bon code HTML associé à ces caractères?

Merci.

Jarod_Delaware

jeudi 9 août 2007 à 09:16:25 | Re : Comment gérer les accents appli WYSIWYG

bultez

11958 msg

13348 msg CS

Bonjour Jarod,

    je ne vois pas le problème ?

    les accents sont des caratères normaux ( enfin, pour les langues qui en possèdent ! )
        et ils se gèrent tout seul, comme les autres caractères, sans rien afire ( ouf ! )

    ou alors, c'est un problème en liaison avec un transfert vers le langage sur
       le serveur ?
       et là, faut être cohérent partout ( type mime, doctype, setrequestheader... )
          et tout baigne ( y compris utf-8, sans bom )

    ou alors, je n'ai pas compris la question.

Cordialement Bul [mon Site] [M'écrire]

jeudi 9 août 2007 à 09:42:10 | Re : Comment gérer les accents appli WYSIWYG

Jarod1980

130 msg

250 msg CS

Salut,
C'est que j'ai pas été très clair dans ma question. En fait, dans mon editeur WYSIWYG lorsque j'ecris un texte comprenant des accents, par exemple ê : son code HTML &ecirc n'est pas généré. Ce n'est pas tellement un problème puisque lorsque j'affiche la page tous les accents s'affichent. Le problème, c'est que lorsque je veux récupérer ce fichier sur le serveur afin de le modifier avec mon appli WYSIWYG tous les accents ont disparues et ils sont remplacé par un caractère ?.

Du coup, je sais pas si cela vient du fait de la méthode de récupération du fichier (méthode AJAX) ou bien du fait que dans mon appli WYSIWYG, je ne génère pas le code HTML associé à un accent.

Je sais pas si mes explications sont claires. Au cas, où dis moi le.
Merci.
@+

Jarod_Delaware

jeudi 9 août 2007 à 10:09:23 | Re : Comment gérer les accents appli WYSIWYG

bultez

11958 msg

13348 msg CS

>>lorsque je veux récupérer ce fichier sur le serveur afin de le modifier avec mon
>>appli WYSIWYG tous les accents ont disparues et ils sont remplacé par un caractère ?.

je me cite ?

ou alors, c'est un problème en liaison avec un transfert vers le langage sur
       le serveur ?
       et là, faut être cohérent partout ( type mime, doctype, setrequestheader(content-type)... )
          et tout baigne ( y compris utf-8, sans bom )

    tu n'as pas à passer par ces &caractèresALC. à priori.
    si tu y tenais, à mon avis, hors .replace("é"&ecirc");   point de salut.

Cordialement Bul [mon Site] [M'écrire]

jeudi 9 août 2007 à 10:22:09 | Re : Comment gérer les accents appli WYSIWYG

Jarod1980

130 msg

250 msg CS

Ok merci pour les précisions Bultez. Je vais quand même essayer de remplacer les caractères accentués par leur code HTML associé. Je suis en train d'y bosser mais bon ça marche pas des masses.

Ce que je fais, je récupère le contenu de ma région éditable qui se trouve entre une balise de type <div id="Editor"> dans un textarea en faisant un onsubmit. Puis avec le contenu du textarea j'envoi un fonction qui doit remplacer les caractères accentués dans le textarea. Le problème, c'est que le texte présent dans le textarea ne change pas, enfin du moins je n'ai pas l'impression que les caractères accentués soit remplacé, c'est plutôt chiant puisque c'est à partir du textarea que j'enregistre le tout dans un fichier html.

Je met ma source ci dessous :
<script language="Javascript">
function Remplacer()
{
var a, tmp;
tmp = "";

a = document.formtest.toto.value;

for(var i = 0; i < a.length; i++)
{
tmp = tmp + a.charAt(i);

if (a.charAt(i) == "'" || "ê" || "é" || "è" || "ç" || "à" || "â" || "î" || "û" || "ô" || "ù" || "ë" || "ï")
{
//tmp = tmp.replace("'","'");
tmp = tmp.replace("ê","ê");
tmp = tmp.replace("é","é");
tmp = tmp.replace("è","è");
tmp = tmp.replace("ç","ç");
tmp = tmp.replace("à","à");
tmp = tmp.replace("â","â");
tmp = tmp.replace("î","î");
tmp = tmp.replace("û","û");
tmp = tmp.replace("ô","ô");
tmp = tmp.replace("ù","ù");
tmp = tmp.replace("ë","ë");
tmp = tmp.replace("ï","ï");
}
}

a = tmp;

alert(a);
document.formtest.getElementById('toto').value=a;
}

</script>
</head>

<body>
<form name="formtest" onsubmit="document.getElementById('toto').value=document.getElementById('Editor').innerHTML; Remplacer(); alert(document.formtest.getElementById('toto').value);" >
<div id="Editor">être éventuellement grèppe ça <b>hàk</b> lâche huîtol clôt gùre kë gloï</div>
<textarea id="toto"></textarea>
<input type="submit" value="OK"/>
</form>

Jarod_Delaware

jeudi 9 août 2007 à 10:39:13 | Re : Comment gérer les accents appli WYSIWYG

bultez

11958 msg

13348 msg CS

le replace ce fait sur le contenu

function remplacer(ou)
{   var tmp = ou.replace(/ê/g,"ê");
     tmp = tmp.replace(/é/g,"é");
    ...
    return tmp;
}

    textarea.value=remplacer(textarea.value);

    je suppose que c'est dans un textarea...

    on peut mieux faire ! ( array des caractères ... )

    mais franchement, j'éviterais !
    comme il n'y a rien à faire que de bien mettre doctype et le reste...

Cordialement Bul [mon Site] [M'écrire]

jeudi 9 août 2007 à 10:49:06 | Re : Comment gérer les accents appli WYSIWYG

Jarod1980

130 msg

250 msg CS

Est ce que tu pourrais me préciser le dernier point : doctype, etc... Parce que si je peux eviter de faire du replace, je pense que ça serais mieux.
Au sinon, pour l'array de caractères, il faudrais mettre tous les caractères dans un tableau?

Merci beaucoup pour ton aide.
@+

Jarod_Delaware

jeudi 9 août 2007 à 11:07:55 | Re : Comment gérer les accents appli WYSIWYG

bultez

11958 msg

13348 msg CS

pourquoi ai-je parlé de doctype et pas de meta ?
ma mémoire d'Alzheimer ?
mais doctype joue souvent, sur pleins de trucs.... !!!
une réminiscence d'un souci lié à ces accents ?

html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML    Lang="fr">
<HEAD>
    <meta http-equiv="content-type"
          content="text/html; charset=ISO-8859-1">
    ...

php
    header('Content-type:text/html;charset=ISO-8859-1');

javascript
    xml.setRequestHeader("Content-type", "charset=iso-8859-1");

ça doit être largement suffisant ( et certains sont inutiles )

Cordialement Bul [mon Site] [M'écrire]

jeudi 9 août 2007 à 11:19:10 | Re : Comment gérer les accents appli WYSIWYG

bultez

11958 msg

13348 msg CS

>> il faudrais mettre tous les caractères dans un tableau
    du style
       var accent=new Array("é","è"...)
       var alaplace=new Array("&euh","&nimporte",... )
       et une ch'tite boucle   sur ...replace(accent[indice],alaplace[indice])...

Cordialement Bul [mon Site] [M'écrire]

jeudi 9 août 2007 à 11:28:29 | Re : Comment gérer les accents appli WYSIWYG

Jarod1980

130 msg

250 msg CS

Ok, merci pour toutes ces précisions; tout ce qui concerne le doctype et le meta, je dois l'insérer dans le code de mon appli WYSIWG?
Concernant la ligne :

xml.setRequestHeader("Content-type", "charset=iso-8859-1");

Est ce que je dois la mettre dans ma requete Ajax et où exactement?

function ModifierFile() {
objXml = new ActiveXObject("Microsoft.XMLHTTP");

var datafile = "data.txt";
objXml.open("GET", datafile, true);
objXml.onreadystatechange=function() {
if (objXml.readyState==4) {
display(objXml.responseText);
}
}

objXml.send(null);

function display(msg) {
window.opener.insertHTML(msg);
}
Merci encore.
Jarod_Delaware

Cette discussion est classée dans : appli, accents, gérer, wysiwyg

Répondre à ce message

Sujets en rapport avec ce message

Ouvrir un fichier sur un serveur appli WYSIWYG [ par Jarod1980 ] Jarod_Delaware Inserer un Tableau pour appli WYSIWYG [ par Jarod1980 ] Bonjour,Je suis en train de développer un editeur WYSIWG et je voudrais savoir si il existe un controle ActiveX ou un script javascript permettant d'i Mes accents ne passent pas en POST avec escape [ par guepard53 ] Hello à tous,j'ai un petit souci avec l'utilisation d'AJAX et ASP.NET (C#) :quand j'envoie des données au serveur en POST via AJAX, mes accents (notam Comment redimensionner une cellule d'un tableau WYSIWYG [ par Jarod1980 ] Bonjour,Je voudrais savoir si il est possible en javascript de redimensionner les cellules d'un tableau en utilisant sa souris, un petit comme dans dr Editeur wysiwyg [ par baborge77 ] Bonsoir, Super... ton Editeur wysiwyg.... http://www.javascriptfr.com/code.aspx?ID=33746 c'est exactement se dont j'avais besoin < Aide pour gestion d'un paramétrage [ par dalma101 ] Bonjour, j'ai besoin d'aide javascript pour gérer un paramétrage sur une appli php...Petite explication, je créé une appli php pour gérer ma collectio Wysiwyg : Rechercher un mot dans un SPAN ou un DIV ??? [ par fabiano13 ] Bonjour,Je cherche a créer une fonction qui permet de rechercher un mot uniquement dans un span spécifique (), et non dans toute la page !!!D'avance m Wysiwyg : comment enregistrer (SaveAs) le contenu d'un div ??? [ par fabiano13 ] Bonjour,Je cherche a enregistrer le contenu d'un span ()J'ai pourtant testé plusieurs choses :ws gérer des checkboxes - cocher et décocher automatiquement [ par TheArrow ] Salut à Tous!!Un petit problème! comme d'hab'! J'espère que vous pourrez m'aider!!! En fait, j'ai une liste de modules que des étudiants doivent sélec Comment gérer les différences entre tous les navigateurs [ par ov3rdoze ] Bonjour à tous.Je commence le développement d'un site, que je teste sous différents navigateurs : IE7, FF, Opera et Safari. Mis à part quelques détail

Livres en rapport

Money 2003

Access 2002

Le secrétariat numérique...

Outlook 2002 en un Instant

Tous les livres pour Appli, Accents, Gérer, Wysiwyg

Nos sponsors

Derniers Blogs

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Installation et configuration de blogs Wordpress
Budget : 8 500€
Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP