PHP

[resolu] retour à la ligne et ajax/CKEditor

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [resolu] retour à la ligne et ajax/CKEditor

naeco

Buddy Rich Big Band

Bonjour,
Je désire enregistrer le contenu d'un textarea géré en jquery avec CKeditor en ajax dans un script PHP de l'autre coté.

Le code coté jquery est le suivant : (ce qui est commenté est des essais infructueux)

Code :

//var articleSansCaractereInterdit = $('#redaction').serialize();
//var articleSansCaractereInterdit = encodeURIComponent($('#redaction').serialize());
//var articleSansCaractereInterdit = encodeURIComponent($('#redaction').val());
//var articleSansCaractereInterdit = $('#redaction').val().replace('"', "%22" );
var articleSansCaractereInterdit = $('#redaction').val().replace('\n', "
" );
//var articleSansCaractereInterdit = articleSansCaractereInterdit.serialize();
//TODOWROU on peut se passer du #redaction ? CKEDITOR.instances[instance].updateElement(); ??
// http://stackoverflow.com/questions [...] m-ckeditor
var jsonValue = '{';
jsonValue = jsonValue + '"idVersionEdition" : "<?php echo $idVersionEdition; ?>",';
jsonValue = jsonValue + '"idArticle" : "<?php echo $idArticle; ?>",';
jsonValue = jsonValue + '"article" : "' + articleSansCaractereInterdit + '",';
jsonValue = jsonValue + '"cssjs" : "' + $('#css_js_article').serialize() + '"';
jsonValue = jsonValue + '}';
//jsonValue = jsonValueArray.serializeArray();
$.ajax({
dataType: "json",
type: "POST",
async: false,
cache: false,
url: "article_save_auto.ajax.php",
data: "jsonValue=" + jsonValue,
success: function(){
//writeInConsole( "Data Saved: " + dateSauvegarde );
}
});

Coté php, c'est ce code : (ce qui est commenté sont des essais infructueux)

Code :

$jsonValue = $_POST['jsonValue'];
if(get_magic_quotes_gpc()) {
$jsonValue = stripslashes($_POST['jsonValue']);
}
//$jsonValue = $jsonValue.replace(/\n/g, "\\\\n" ).replace(/\r/g, "\\\\r" ).replace(/\t/g, "\\\\t" );
//$jsonValue = str_replace(chr(10), "\n", $jsonValue);
//$jsonValue = str_replace(chr(13), "\r", $jsonValue);
/*
$jsonValue = str_replace("\n", "\\n", $jsonValue);
$jsonValue = str_replace("\r", "\\r", $jsonValue);
$jsonValue = str_replace("\t", "\\t", $jsonValue);
*/
//$jsonValue=str_replace("\r\n","\\n",htmlspecialchars(addslashes($jsonValue),ENT_QUOTES));
echo $jsonValue;
//echo "fff".$jsonValue;
$arrayValue = json_decode($jsonValue, true);
//Lorsque ce paramètre vaut TRUE, l'objet retourné sera converti en un tableau associatif.
print_r($arrayValue);
if (count($arrayValue) == 0) {
echo "<br/>exception : JSON est vide !! contactez l'administrateur.";
exit;
}

Le problème est double :

quand le code contient des retour ligne, json_decode part dans les choux et retourne un tableau vide.
sur le CKeditor, il y a du code HTML qui est généré, avec éventuellement des attribut, donc les guillemets ne sont pas échappés. Mais d'autre guillemet qui font partie de la réaction sont échappé. Je ne peux donc pas échapper les guillemets restant sous peine de ne plus savoir qui fait partie de la rédaction et qui fait parti du code. Ces guillemets foutent le $£^¨ pour que json_decode s'en sorte.

J'ai testé différente chose avec serialize, replace etc, mais il y a toujours un truc qui ne marche pas. D'autre part, je suis sûr qu'en 2014, il y a une solution propre sans bidouille. Par exemple, j'ai trouvé aussi ça sans être convaincu :
http://stackoverflow.com/questions [...] javascript

Je vous remercie de votre retour !

Message édité par naeco le 03-12-2014 à 14:11:03

Publicité

MaybeEijOrNot

but someone at least

Côté js tu gardes le replace mais utilise le flag g pour remplacer toutes tes occurrences.

Côté php tu échappes juste les guillemets avant d'insérer dans une requête le contenu.

Et ça devrait suffire non?

naeco

Buddy Rich Big Band

Merci de ta réponse.

Coté js, non, ce n'était pas suffisant, mais la solution aurait pu être :

Code :

var articleSansCaractereInterdit = $('<div/>').text($('#redaction').val()).html();
var articleSansCaractereInterdit = articleSansCaractereInterdit.replace('/"/gi', """ );

Car comme ça, les caractères qu'il ne faut pas encoder car c'est du HTML auraient été encodé une fois, et les autres deux fois (le ´ en &acute; par exemple), et j'aurai pu retrouver la différence entre les caractères encodés et ceux qu'il faut garder car c'est du HTML avec un coup de html_entity_decode() coté php

MAIS !

Ca ne marche pas, ça ne remplace pas les quotes.
Je cherche pourquoi...

Edit

Code :

var articleSansCaractereInterdit = articleSansCaractereInterdit.replace('/"/gi', '\"');

Ne marche pas non plus...
mais si je met n'importe quoi d'autre, ça marche... il y aurait une restriction pour .replace() de javascript ?

Message édité par naeco le 28-11-2014 à 16:51:03

MaybeEijOrNot

but someone at least

Ah oui les quotes sont aussi problématiques pour json apparemment mais côté js ceci fonctionne :

Code :

<!DOCTYPE html>
<html>
<head>
<title>Page d'essai</title>
<style type="text/css">
</style>
<script type="text/javascript">
function go() {
var str = document.getElementById('test').value;
var regexpa = /\n/g;
var regexpb = /'/g;
var regexpc = /"/g;
var str = str.replace(regexpa, "" ).replace(regexpb, "'" ).replace(regexpc, """ );
var str = '{ "article" : "' + str + '" }';
alert(str);
var str = JSON.parse(str);
alert(str.article);
var regexpd = //g;
var regexpe = /'/g;
var regexpf = /"/g;
document.getElementById('content').innerHTML = "<pre>" + str.article.replace(regexpd, "\n" ).replace(regexpe, "'" ).replace(regexpf, '"') + "</pre>";
}
</script>
</head>
<body>
<textarea rows="5" cols="50" id="test"></textarea>
<input type="submit" onClick="go();"></input>
<div id="content"></div>
</body>
</html>

EDIT : de souvenir pour les regexp il vaut mieux les passer dans des variables quand tu utilises un flag car il me semble qu'autrement chrome n'aime pas trop.

Message édité par MaybeEijOrNot le 28-11-2014 à 16:52:41

naeco

Buddy Rich Big Band

Bonjour,
Ah oui, contre toute attente, même si je suis sous firefox, passer les regexs dans des variables fonctionne alors que les mettre directement dans le replace ne fonctionne pas.
Mais cela ne fonctionne toujours pas complètement.
Étant donné que je voudrais tout encoder pour passer de :

Code :

<p><span style="color:#FF8C00;">aaa ééé</span></p>

Code :

<p><p><span style="color:#FF8C00;">aaa &eacute;&eacute;&eacute;</span></p></p>

(remarquer que le & du &eacute est réencoché en &eacute)

Ce qui me permet d'appliquer tout desencoder coté PHP avec html_entity_decode(), et et pouvoir retrouver mon string où certains caractères sont encodés et ceux qui représentent du HTML pas.

Etant donné ça donc, j'utilise le code suivant :

Code :

var articleSansCaractereInterdit = $('<div/>').text($('#redaction').val()).html();
//n'encode pas les quotes ni les retours à la ligne
var regexpa = /\n/g;
var regexpc = /"/g;
articleSansCaractereInterdit = articleSansCaractereInterdit.replace(regexpa, "" ).replace(regexpc, """ );
...
var jsonValue = '{';
jsonValue = jsonValue + '"idVersionEdition" : "<?php echo $idVersionEdition; ?>",';
jsonValue = jsonValue + '"idArticle" : "<?php echo $idArticle; ?>",';
jsonValue = jsonValue + '"article" : "' + articleSansCaractereInterdit + '",';
jsonValue = jsonValue + '"cssjs" : "' + $('#css_js_article').val() + '"';
jsonValue = jsonValue + '}';
$.ajax({
dataType: "json",
type: "POST",
async: false,
cache: false,
url: "article_save_auto.ajax.php",
data: "jsonValue=" + jsonValue,
success: function(){
//writeInConsole( "Data Saved: " + dateSauvegarde );
}
});

coté javascript, et puis ensuite, coté PHP :

Code :

$jsonValue = $_POST['jsonValue'];
if(get_magic_quotes_gpc()) {
$jsonValue = stripslashes($jsonValue);
}
$arrayValue = json_decode($jsonValue, true);
$article_decode = html_entity_decode($arrayValue["article"]);
...

Et malheureusement, quand je regarde dans firebug le JSON généré semble correct, mais le retour de l'appel AJAX montre que la valeur de "article" est vide.

Je continue à chercher !

naeco

Buddy Rich Big Band

Je progresse :
En en fait, tout ce qui est après le premier & est coupé.

si je mets artificiellement

Code :

articleSansCaractereInterdit = "aaaa&zzzzzz";

Alors je retrouve de l'autre coté que "aaaa".

Je suis étonné, je n'ai jamais eu de problème avec la methode POST avant

naeco

Buddy Rich Big Band

On n'était pas loin, ce code envoie un truc exploitable coté PHP :

Code :

var articleSansCaractereInterdit = $('<div/>').text($('#redaction').val()).html();
var regexpa = /\n/g;
var regexpc = /"/g;
articleSansCaractereInterdit = articleSansCaractereInterdit.replace(regexpa, "" ).replace(regexpc, """ );
articleSansCaractereInterdit = encodeURIComponent(articleSansCaractereInterdit);

Si je trouve un truc mieux je reviendrai le noter

MaybeEijOrNot

but someone at least

Je n'ai pas trop cherché car faudrait que je réinstalle un serveur php.

Mais faudrait déjà éliminer la couche Jquery pour y voir plus clair je pense.

Message cité 1 fois

par l'anneau de l'ia

word master

MaybeEijOrNot a écrit :

Je n'ai pas trop cherché car faudrait que je réinstalle un serveur php.

Mais faudrait déjà éliminer la couche Jquery pour y voir plus clair je pense.

Penses- tu qu'il faille éliminé la couche Jquery pour y voir plus clair ?

Message cité 1 fois

---------------
Toute expression prend un sens spirituel qui nous influence dans notre quête de l'Homme.

naeco

Buddy Rich Big Band

Merci les gars,

alors, la version définitive (j'espère) qui marche :bounce: :

Code :

var articleSansCaractereInterdit = $('<div/>').text($('#redaction').val()).html();
var regexpa = /\n/g;
var regexpb = /'/g;
var regexpc = /"/g;
var regexpd = / /g;//tabulation
var regexpe = /\\/g;
articleSansCaractereInterdit = articleSansCaractereInterdit.replace(regexpa, "
" ).replace(regexpc, """ ).replace(regexpd, "	" ).replace(regexpb, "'" ).replace(regexpe, "\" );
articleSansCaractereInterdit = encodeURIComponent(articleSansCaractereInterdit);
var jsonValue = '{';
jsonValue = jsonValue + '"idVersionEdition" : "<?php echo $idVersionEdition; ?>",';
jsonValue = jsonValue + '"idArticle" : "<?php echo $idArticle; ?>",';
jsonValue = jsonValue + '"article" : "' + articleSansCaractereInterdit + '",';
jsonValue = jsonValue + '"cssjs" : "' + cssjsSansCaractereInterdit + '"';
jsonValue = jsonValue + '}';
//writeInConsole( jsonValue );
$.ajax({
dataType: "json",
type: "POST",
async: false,
cache: false,
url: "article_save_auto.ajax.php",
data: "jsonValue=" + jsonValue,
success: function(){
//writeInConsole( "Data Saved: " + dateSauvegarde );
}
});

Et coté PHP :

Code :

$jsonValue = $_POST['jsonValue'];
if(get_magic_quotes_gpc()) {
$jsonValue = stripslashes($jsonValue);
}
$arrayValue = json_decode($jsonValue, true);
$article_decode = html_entity_decode($arrayValue["article"]);
$article = mysqli_real_escape_string($db_link, $article_decode);
... etc

Avec ça, je peux enregistrer en AJAX via du JSON le contenu d'un CKEditor, y compris si celui ci contient du code copier collé d'un éditeur comme notepad++ entre balise <pre>

Résolu !!

Publicité

MaybeEijOrNot

but someone at least

par l'anneau de l'ia a écrit :

Penses- tu qu'il faille éliminé la couche Jquery pour y voir plus clair ?

Pas facile de recopier une phrase sans faire de faute.

FORUM HardWare.fr

Programmation

PHP

[resolu] retour à la ligne et ajax/CKEditor

Sujets relatifs
Insérer une ligne en dessous d'un contenu précis	Installer un formulaire en ligne sans connaissance
HELP please : supprimer ligne excel si cellule = 2, 3,4 ou 5	[powershell] se positionner sur un ligne precise dans fichier
Sélectionner une plage jusqu'à la dernière ligne	[Excel 2007] Problème pour trouver le nombre de ligne d'une feuille
infinite ajax scroll et gifplayer	Remplir un agenda google via un google form pour prise de rdv en ligne
C++ : Ajouter une ligne à un fichier txt	Afficher la ligne d'une table après avoir choisi son ID dans une liste
Plus de sujets relatifs à : [resolu] retour à la ligne et ajax/CKEditor

Page générée en 0.095 secondes