Discussion :

[cr1ptal]

Bonjour,

J'ai implémenté l'éditeur trix sur une page html lambda. Je veux bloquer l'upload de fichiers dans l'éditeur. Dans la documentation, ils disent qu'il faut appeler preventDefault() sur l'event trix-file-accept. J'ai pas réussi à le faire, je suis débutant en js. J'ai essayé ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script>
    	(function() {
        	addEventListener("trix-file-accept", function (event) {
        			preventDefault();
        	}
    	})
</script>

et aussi ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script>
    	document.getElementById("editor").addEventListener("trix-file-accept", function (event) {
        			preventDefault();
        })
</script>

Dans les deux cas l'upload est toujours permis.
Est-ce que quelqu'un aurait une piste svp?
Merci d'avance,
cr!ptal

[javatwister]

Ta 2e expression a le mérite d'être cohérente; mais tu ne stopperas rien si tu attaches l'événement à un élément de la page;
C'est window que tu dois utiliser comme cible;

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
window.addEventListener("trix-file-accept", function(event) {
    event.preventDefault();
    alert("Pas le droit.")
})

[cr1ptal]

Merci @javatwister pour ton coup de pouce. J'ai essayé avec la gestion d'évènement sur l'élément window, ça ne résout pas le problème, l'upload est toujours permis. :-(

[NoSmoking]

Bonjour,
pour les modifications à faire, cela ce passe dans le fichier : https://trix-editor.org/js/attachments.js.

Il faut ajouter ce qui est dit en tête de fichier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
(function() {
  var HOST = "https://d13txem1unpe48.cloudfront.net/"
  // ajout des 3 lignes qui suivent
  addEventListener("trix-file-accept", function(event) {
    event.preventDefault();
  });
 
  addEventListener("trix-attachment-add", function(event) {
    if (event.attachment.file) {
      uploadFileAttachment(event.attachment)
    }
  })
  // la suite du code

de la sorte l'insertion devient impossible.

[cr1ptal]

@NoSmoking désolé pour le délai, j'étais en congé.
ça marche, merci énormément, je suis débloqué!
Mais comment as-tu trouvé cette solution, ça m'interesse :-)

/cr!ptal

[NoSmoking]

Lecture de la documentation, pas seulement un survol mais une lecture attentive, suivi des liens et .... application des conseils ... voilà
↪ Storing Attached Files