Outil de formatage java vers HTML et collaboration

Programmation Avancée

Moderator: douinj

Joris_Oziol
Posts: 2
Joined: 15 Oct 2016 13:59

Re: Outil de formatage java vers HTML et collaboration

Post by Joris_Oziol » 21 Nov 2016 20:38

il vous faut sélectionner le source java puis un clic droit sur la boite de la classe et le code HTML est dans le presse papier


<!-- DEBUT DE CODE JAVA - JavaVersHtml -->
<div style="background:#FFFFFF; color:#000000; border:solid 1px black; margin:10px; padding:10px; text-align:left;">

THEVENON
Posts: 5
Joined: 14 Nov 2016 19:46

Re: Outil de formatage java vers HTML et collaboration

Post by THEVENON » 21 Nov 2016 21:13

oui, c'est ce que j'ai fait et le code reste sans indentation.
merci

David Bertrand
Posts: 2
Joined: 20 Oct 2016 13:10

Re: Outil de formatage java vers HTML et collaboration

Post by David Bertrand » 22 Nov 2016 0:35

Bonjour,

peux tu coller ici le code HTML généré pour Expression.java, dans preliminaire du TP6 ?

De mon coté (Arch Linux, bluej 3.1.7, java 1.8.0_102), je n'ai pas de souci :
- jar collé directement dans .bluej/extensions
- "HTML dans le clipboard" présent out-of-the-box quand je fais un clic droit sur une classe
- code généré nickel dans firefox et dans chrome :

Code: Select all

<!-- DEBUT DE CODE JAVA - JavaVersHtml -->
<div style="background:#FFFFFF; color:#000000; border:solid 1px black; margin:10px; padding:10px;"> 
<pre>
<FONT color="#AA0000"><b>package</b></FONT> preliminaire;

<FONT color="#990044"><b>public</b></FONT> <FONT color="#990044"><b>abstract</b></FONT> <FONT color="#AA0000"><b>class</b></FONT> Expression {

    <FONT color="#990044"><b>public</b></FONT> <FONT color="#990044"><b>abstract</b></FONT> <FONT color="#FF0000"><b>int</b></FONT> interprete(Contexte c);

}
</pre></div>
 <!-- FIN DE CODE JAVA - JavaVersHtml -->
Est-ce que pour la même classe, ton HTML est identique ?

David

THEVENON
Posts: 5
Joined: 14 Nov 2016 19:46

Re: Outil de formatage java vers HTML et collaboration

Post by THEVENON » 22 Nov 2016 19:18

bonjour,

voici mon code :

Code: Select all

<!-- DEBUT DE CODE JAVA - JavaVersHtml -->
<div style="background:#FFFFFF; color:#000000; border:solid 1px black; margin:10px; padding:10px;"> 
<pre>
<FONT color="#AA0000"><b>package</b></FONT> preliminaire;

<FONT color="#990044"><b>public</b></FONT> <FONT color="#990044"><b>abstract</b></FONT> <FONT color="#AA0000"><b>class</b></FONT> Expression {

    <FONT color="#990044"><b>public</b></FONT> <FONT color="#990044"><b>abstract</b></FONT> <FONT color="#FF0000"><b>int</b></FONT> interprete(Contexte c);

}
</pre></div>
 <!-- FIN DE CODE JAVA - JavaVersHtml -->
Mais lorque je le colle dans Nvu (onglet source) je n'ai plus d'indentation. J'ai ceci :

Code: Select all

<!-- DEBUT DE CODE JAVA - JavaVersHtml -->
<div
 style="border: 1px solid black; margin: 10px; padding: 10px; background: rgb(255, 255, 255) none repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; color: rgb(0, 0, 0);">
<pre><font color="#aa0000"><b>package</b></font> preliminaire;<br><font
 color="#990044"><b>public</b></font> <font
 color="#990044"><b>abstract</b></font> <font
 color="#aa0000"><b>class</b></font> Expression {<br><font
 color="#990044"><b>public</b></font> <font
 color="#990044"><b>abstract</b></font> <font
 color="#ff0000"><b>int</b></font> interprete(Contexte c);<br>}<br></pre>
</div>
<!-- FIN DE CODE JAVA - JavaVersHtml -->
En te remerciant

David Bertrand
Posts: 2
Joined: 20 Oct 2016 13:10

Re: Outil de formatage java vers HTML et collaboration

Post by David Bertrand » 22 Nov 2016 19:46

Je ne connais pas Nvu, mais clairement le problème vient de là, pas du plug-in de Bluej.

Je ne peux que te conseiller d'essayer avec un autre éditeur. Après quelques recherches, Nvu est un projet abandonné depuis 2005 car désespérément trop buggé : ça fait déjà 11 ans dans les limbes de l'oubli ...

Un éditeur basique avec un minimum de coloration syntaxique et d’auto-complétion devrait largement faire l'affaire. J'ai déjà dit ici que j'utilisais SublimText pour éditer le code html. Je ne connais pas les alternatives WYSIWYG.

David.

THEVENON
Posts: 5
Joined: 14 Nov 2016 19:46

Re: Outil de formatage java vers HTML et collaboration

Post by THEVENON » 22 Nov 2016 20:54

ok Merci David

bcalendreau
Posts: 1
Joined: 07 Oct 2017 20:27

Re: Outil de formatage java vers HTML et collaboration

Post by bcalendreau » 09 Oct 2017 22:56

L'outil ne copie pas le code chez moi avec la boite de dialogue.
Cela vient peut-être d'une incompatibilité avec la dernière version de BlueJ ?

J'ai tenté de coller dans Notepad++ et rien.

pthellier
Posts: 1
Joined: 10 Oct 2017 13:52

Re: Outil de formatage java vers HTML et collaboration

Post by pthellier » 10 Oct 2017 13:55

Ca ne marchait pas non plus chez moi après plusieurs tentative. Je me suis rabattu vers l'autre outils : http://www.java2html.de/ qui donne satisfaction . Ce dernier n'est pas inclus dans BlueJ.

a.tortevois
Posts: 1
Joined: 05 Oct 2018 16:00
Contact:

Re: Outil de formatage java vers HTML et collaboration

Post by a.tortevois » 08 Oct 2018 16:20

Voici une astuce qui fonctionne avec Notepad++/Word.

Ouvrir le fichier .java avec Notepad++. Aller dans Compléments > Npp Export > Copy RTF to clipboard

Image

Coller le code dans Word et vous conserver la coloration syntaxique de Notepad++

Bon rapport!

bounli_j
Posts: 1
Joined: 28 Dec 2021 6:42

Re: Outil de formatage java vers HTML et collaboration

Post by bounli_j » 21 Feb 2022 16:02

Bonjour,

Pour mes rapports, j'utilise https://highlightjs.org/.
Je vous partage mon exemple d'utilisation.


Vous pouvez styliser votre code en les décorant avec ces balises:

Code: Select all

<pre><code class="hljs language-java">int i = 42;</code></pre>
  • Choisir un style (e.g. androidstudio)

    Sauvegarder le fichier css corresspondant et l'inclure le dans votre html

    Code: Select all

    <link rel="stylesheet" href="css/highlight/styles/androidstudio.min.css">
  • Récupérer le script js (e.g. via https://cdnjs.cloudflare.com/ajax/libs/ ... ght.min.js) et inclure la source directement dans votre html.

    En effet, probablement par raison de sécurité, le serveur web du dépôt du cnam ne permet pas de charger de fichier js. Cela alourdit un peu la page...

    Code: Select all

    <script>var hljs=function(){"use strict";var e={exports:{}};function n(e){
    return e instanceof Map?e.clear=e.delete... /*...*/</script>
  • Afin de rerecalculer les balises estampillées hljs, il faut appeler le programme dès que la page ait fini de charger:

    Code: Select all

    <script>
    document.addEventListener('DOMContentLoaded', function() {
      document.querySelectorAll('pre code').forEach(function(el) {
        hljs.highlightElement(el);
      });
    });
    </script>



----------------------------------------
Bonus:
Voici un snippet que j'utilise pour cacher/montrer un iframe contenant le code source à inclure:
  • Code: Select all

    <script>
      function toggleIframeVisibility(iframeId) {
        let iframeDOM = document.getElementById(iframeId);
        if (iframeDOM != null) {
          if (iframeDOM.style.display != "block") {
            iframeDOM.style.display = "block";
          } else {
            iframeDOM.style.display = "none";
          }
        }
      }
    </script>
  • Exemple d'utilisation:

    Code: Select all

    <strong>DynamicProxyFiltreTest.java</strong>:
          voir/cacher l'iframe <a href="javascript:void(0)" onclick="toggleIframeVisibility('iframe-q2_2_1')">click</a>
          | lien vers le fichier <a href="./question2/DynamicProxyFiltreTest.java">ici</a>
          <iframe id="iframe-q2_2_1" src="./question2/DynamicProxyFiltreTest.java" width="100%" height="200px" style="display: none;"></iframe>
  • Note: pour inclure des iframe dans la page, il faut qu'ils soient du même encodage (charset). Pour ma part, je force tous les fichiers java à être converti en UTF-8 (iconv, notepad++...), je défini celui-ci à la page html du rapport, ainsi que dans le fichier de projet de BlueJ.

    Code: Select all

    # index.html
    <!doctype html>
    <html lang="fr">
    <head>
      <meta charset="utf-8">
    </head>
    </html>
    
    # package.bluej
    project.charset=UTF-8
    
    (Note 2: les iframe bénéficient du cache du navigateur; si on se retrouve avec un 4xx, penser à recharger la page en vidant le cache (CTRL+SHIFT+R). J'ai essayé d'utiliser des balises meta pour résoudre ceci, ça semble ne pas marcher.)
Last edited by bounli_j on 21 Feb 2022 21:07, edited 1 time in total.

douinj
Posts: 462
Joined: 18 Mar 2009 15:46

Re: Outil de formatage java vers HTML et collaboration

Post by douinj » 21 Feb 2022 16:48

Bonjour et merci pour votre contribution à la présentation des rapports de TP

Post Reply