1

Discussione: editor dans adhoc

Bonjour,
en création de pages et mise en forme, je rencontre des problèmes pour passer de gras en normal ou normal en gras, passer en justifié ou alignement droite ou gauche. Il est chaque fois indispensable de cliquer à plusieurs endroits pour avoir un effet.
Par exemple, dans le cas du justifié, si on surligne l'ensemble ça ne fonctionne pas du premier coup, il faut ensuit se remettre dans chaque paragraphe pour les justifier un par un.
Le site est hébergé en provisoire par Kat, je te mets le lien en MP.
Paul

2

Re: editor dans adhoc

Quel navigateur utilises tu?

Je te conseille Firefox ou Chrome ou Vivaldi

3

Re: editor dans adhoc

Re,
Je travaille bien avec Firefox, je t'ai envoyé des précisions en MP
Paul

4

Re: editor dans adhoc

ça marche bien pour moi sous FF pour le gras et le texte justifié.
D'autre coté je déconseille de justifier le texte par l'éditeur. Il faut mieux d'utiliser du CSS

5

Re: editor dans adhoc

Bonsoir,
Je viens de refaire une mise à jour, en alignement gauche sur quatre ligne.
Après avoir surligné l'alignement gauche ne s'est fait que sur la première ligne, il a fallu ensuite aligner ligne par ligne
Paul

6

Re: editor dans adhoc

Je vais poster un tutoriel au sujet...
A++

7

Re: editor dans adhoc

Salut la troupe.
Alain et moi avions signalé plusieurs fois ce souci, le forum de Mania est fermé, mais ill y a eu un signalement à ce sujet sur le bugtracker.
Si l'on sélectionne plusieurs paragraphes et que l'on essaye d'appliquer un style "en ligne" via les icônes de l'éditeur, la plupart du temps, rien ne change. Parfois, mais c'est rare, seul le premier paragraphe à la chance de se voir appliquer la modification.
Paul a le grand mérite d'avoir sans ces conditions passé sous adhoc les 40 newsletter de l'abbaye.
Et comme moi, pour les 120 pages de Revestou, les 100 pages de Matribu, il a fallu tout retravailler en mode source.

Ce que je n'ai pas précisé là http://katrynou.fr/pages/029-doc-en-tes … ent-fr.php,  c'est qu'une fois les changements effectués en mode html, il faut retourner au préalable en mode wysiwyg, sinon on perd toutes les modifications.
Pourquoi n'ya-t-il que le boss qui y parvienne ?

8

Re: editor dans adhoc

Je suis d'accord avec vous,

le Whizzywig ne marche pas mal à mon avis, mais c'est il est un peu limitant.

Par contre il reste le seul éditeur WYSIWYG avec un poids minimaliste qui permet l'insertion des images .

J'avais testé le TinyMCE, il marcherait bien mais il demande du code pour les images.

Il sera probablement disponible en future dans un module.

Si vous trouvez un autre éditeur à proposer à défaut dans adHoc j'accepterai vos suggestions immédiatement... 

A++

9

Re: editor dans adhoc

Ce n'est pas de la vaine critique, Ale. Je suppose que le plus souvent, pour travailler petit à petit, Whyzziwig peut suffire. Mais dans les cas de nos exemples (et pour le blog de ton voyageur), il s'agit de faire un très gros travail de transposition vers adHoc. C'est surtout la quantité de travail à réaliser d'un seul coup qui rendrait nécessaire un éditeur plus complet. Une organisation en module pourrait donc varier les installations en fonction des besoins.

En cherchant un peu j'ai repéré quelques éditeurs, mais ne les ai pas essayés. Comme je ne sais pas les intégrer et que je ne connais pas tes impératifs ...

http://quilljs.com/
http://xing.github.io/wysihtml5/
https://github.com/alohaeditor/Aloha-Editor
https://github.com/suyati/line-control  ???

10

Re: editor dans adhoc

Oui je comprend bien que c'est pas pour polémiquer, mais je ne trouve pas une solution meilleure.

Pour donner un exemple avec tes suggestions:

quilljs - il ne supporte pas l'exploration du serveur pour les images (mais il supporte l'insertion au vol par coller déposer)
WYSIHTML5 - c'est comme pour quilljs (pas de coller / déposer)
Aloha - développement de la version 2 arrêté. Pas de démo disponible
line-control: il demande Jquery (2.1.0) + Twitter Bootstrap (3.1.1) + Font-Awesome (4.0.3)

Tu pourrais donner des autres suggestions?

11

Re: editor dans adhoc

Aloha version 1 est toujours distribué et maintenu, même si le développement de la version 2 est arrêté.

12

Re: editor dans adhoc

Mercury, peut-être : http://jejacks0n.github.io/mercury/
Le truc Yahoo sous licence BSD, complet, modulable et très compliqué ... http://yuilibrary.com/yui/docs/editor/
Webwiz Rich Text Editor : https://www.webwiz.co.uk/web-wiz-rich-text-editor/
Un comparatif en tableau pour des éditeurs enrichis javascript , maj en mai 2016, mais seuls 2 produisent du html5 , l'un est payant etl'autre ne gère pas l'explorateur d'images.
: http://socialcompare.com/fr/comparison/ … xt-editors

13

Re: editor dans adhoc

Je viens de regarder un peu mieux dans la liste des éditeurs proposé... une solution est peut-être possible, mais elle demandera du temps.

De toute façon le Whizzywhig va rester encore l'éditeur à défaut dans l'atteinte d'une meilleure solution.

A++

14

Re: editor dans adhoc

Bonjour,
Est-ce qu'il sera possible d'intégrer des vidéos dans Hadhoc ????
Paul

15

Re: editor dans adhoc

Oui, ça se devrait passer bien

16

Re: editor dans adhoc

Voilà mon code sur La Revestelle pour une vidéo hébergée sur YouTube:

<div class="embed-responsive embed-responsive-16by9"> style="text-align: center;"
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/gSiRmc9tzbU" allowfullscreen="" frameborder="0" height="315" width="560"></iframe>
</div>

La page est là : http://revestou.fr/pages/080-musee-cabin … ies-fr.php

Pour qu'elle soit responsive, j'ai ajouté ce css à la feuille de style (tout n'est pas utilisé chaque fois, ça dépend, ça dépend du vent ...) :

/* videos */
.parent {width:95%; margin:50px auto;}
.parent h5 {padding:0; margin:0; font:normal 16px/24px verdana, arial, sans-serif; color:#666;}
/* set the 'wrap' with a percentage bottom margin so that this is responsive */
.wrap {position:relative; width:100%; height:0; margin-bottom:10%; overflow:hidden;} /* use overflow:hidden to crop the left and right overlap of the resized video */
/* calculate the height of the 'wrap' depending on the aspect ratio required */
.ratio-16-9 {padding-top:calc(100%/(16/9));} 
.ratio-3-2  {padding-top:calc(100%/(3/2));}
.ratio-4-3  {padding-top:calc(100%/(4/3));}
.ratio-16-9 iframe {width:100%; height:100%; position:absolute; top:0; left:0;} /* as the original video has the aspect ratio 16:9 the width and height of the iframe is 100% */
/* the new width is the new height * the original aspect ratio */
/* the left position is the (wrap width - the new width) divided by 2 */
.ratio-3-2 iframe {width:calc((100%/(3/2)) * (16/9)); height:100%; position:absolute; top:0; left:calc((100% - ((100%/(3/2)) * (16/9))) / 2);} 
.ratio-4-3 iframe {width:calc((100%/(4/3)) * (16/9)); height:100%; position:absolute; top:0; left:calc((100% - ((100%/(4/3)) * (16/9))) / 2);}
/* fin videos */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

17

Re: editor dans adhoc

Et Paul, ya pas de H au début, c'est adHoc. Sinon, Ale pourrait presque encourir des poursuites pour contrefaçon de la part de l'éditeur de Tintin.

18

Re: editor dans adhoc

exact, ne te trompe pas, tonnerre de Brest ! big_smile

19

Re: editor dans adhoc

J'exige un peu de respect de la part de Whyzziwig.
Dès qu'il trouve un lien absolu vers l'url du site où il se trouve, il le remplace par un lien relatif. Et cela démolit tout le code.
Enfin je crois que c'est la faute à Whizziwig, mais c'est peut-être la façon dont le codeur lui a demandé de travailler dans adHoc ...

Voilà mon problème actuel (mais déjà rencontré de très nombreuses fois : je dois chaque fois modifier le code par ftp)

Je crée un superbe diaporama full css3, responsive. Il s'agit d'un slideshow d'images représentant des sites adHoc. Sous chaque image, il y a un lien vers une url et whizziwig me remplace l'url absolue par l'url relative pour le site où il se trouve.

voilà mon code d'origine :

<div class="fadein" style="text-align:center;margin:0 auto;">
<a target="_blank" href="http://mara.katrynou.fr/"><img src="images/ascreen/ascreen-abbaye.jpg" /></a>
<a target="_blank" href="http://manoir-saint-armel.cadel.fr/"><img src="images/ascreen/ascreen-armel.jpg" /></a>
<a target="_blank" href="http://katrynou.fr/"><img src="images/ascreen/ascreen-bambou.jpg" /></a>
<a target="_blank" href="http://blackland.legtux.org/"><img src="images/ascreen/ascreen-blackland.jpg" /></a>
<a target="_blank" href="http://gabandjo.legtux.org/"><img src="images/ascreen/ascreen-carnets.jpg" /></a>
<a target="_blank" href="http://katryne.legtux.org/"><img src="images/ascreen/ascreen-chronica.jpg" /></a>
<a target="_blank" href="http://vtc-ccc.com/"><img src="images/ascreen/ascreen-jon.jpg" /></a>
<a target="_blank" href="http://chauvigne.info/"><img src="images/ascreen/ascreen-matribu.jpg" /></a>
<a target="_blank" href="http://revestou.fr/"><img src="images/ascreen/ascreen-revestou.jpg" /></a>
</div>

et voilà la bouillie pour chat que m'en fait whizziwig et bien sûr, ça ne marche pas !!! GRRRRR

<div class="fadein" style="text-align:center;margin:0 auto;">
<a target="_blank" href="http://mara.katrynou.fr/"><img src="/mages/ascreen/ascreen-abbaye.jpg" /></a>
<a target="_blank" href="http://manoir-saint-armel.cadel.fr/"><img src="images/ascreen/ascreen-armel.jpg" /></a>
<a target="_blank" href="/"><img src="images/ascreen/ascreen-bambou.jpg" /></a>
<a target="_blank" href="http://blackland.legtux.org/"><img src="images/ascreen/ascreen-blackland.jpg" /></a>
<a target="_blank" href="http://gabandjo.legtux.org/"><img src="images/ascreen/ascreen-carnets.jpg" /></a>
<a target="_blank" href="http://katryne.legtux.org/"><img src="images/ascreen/ascreen-chronica.jpg" /></a>
<a target="_blank" href="http://vtc-ccc.com/"><img src="images/ascreen/ascreen-jon.jpg" /></a>
<a target="_blank" href="http://chauvigne.info/"><img src="images/ascreen/ascreen-matribu.jpg" /></a>
<a target="_blank" href="http://revestou.fr/"><img src="images/ascreen/ascreen-revestou.jpg" /></a>
</div>

Camarades, il faut que cesse cette dictature ! Révoltons-nous !

Je vais essayer d'aller réparer cette idiotie via ftp et ce sera donc la boîte centrale du bas, là : http://katrynou.fr/
Edit : ça marche bien sans les liens (en bas à droite), ça marche pas du tout avec les liens sur les images, même corrigés par ftp (en bas au milieu)

20

Re: editor dans adhoc

Dans la boîte du milieu, avec les liens, j'ai supprimé le lien vers le site actuel, celui où le diaporama est hébergé). C'est un peu mieux, mais avec des blancs ...
J'ai fait un 3e test (1ére boîte en bas à gauche) sans lien sur les images, mais avec des balises alt et title bien individualisées sur chaque image. Mais le title affiché au survol renseigne toujours le même site, le dernier.

Pourtant, le code semble correct ...

21

Re: editor dans adhoc

C'est pas évidente la différence entre les deux exemples que tu as posté. Voudrais tu préciser un peu mieux stp?

22

Re: editor dans adhoc

Hello Ale !
Voilà ce que j'entre (adresse absolue)

<a target="_blank" href="http://katrynou.fr/"><img src="images/ascreen/ascreen-bambou.jpg" /></a>

et voilà comment adHoc l'interprète :

<a target="_blank" href="/"><img src="images/ascreen/ascreen-bambou.jpg" /></a>

L'adresse relative, que adHoc met à la place de l'absolue, démonte tout le code. Comme il manque des éléments, adHoc supprime ensuite les crochets < et > et tout le reste du code devient illisible.

Je ne sais pas si mon explication est plus claire.

Le souci vient uniquement quand on indique une adresse interne. Il ne faudrait pas que adHoc la transforme automatiquement en adresse relative, car il ne fait pas bien le travail.

Heu ... est-ce que c'est plus clair ? Alain et Paul m'ont signalé le même souci. Depuis j'ai fait d'autres tests sur le site Bambou, mais pour les essais suivants, même avec un code différent, je suis incapable d'utiliser les urls de Bambou (quand j''écris sur Bambou)

23

Re: editor dans adhoc

donc si sur ton site http://katrynou.fr/ tu tapes le lien

<a target="_blank" href="http://katrynou.fr/"><img src="images/ascreen/ascreen-bambou.jpg" /></a>

et tu obtiens

<a target="_blank" href="/"><img src="images/ascreen/ascreen-bambou.jpg" /></a>

tout est en ordre.

Dans adHoc tous les liens internes devraient devenir relatives. C'est nécessaire pour permettre la portabilité des données.

24

Re: editor dans adhoc

Je suis beaucoup découragée d'avoir transposé tous mes sites dans des adHoc. Il faut que je réfléchisse. je veux pouvoir être libre du code que j'écris.

25

Re: editor dans adhoc

In primis je ne comprends pas le problème du moment que sur katynou.fr  les liens

"/"

ou

"//"

ou

"http:/katrynou.fr/"

ou

"http:/katrynou.fr/index.php"

devraient conduire toujours à la même page.

Je suis beaucoup découragée d'avoir transposé tous mes sites dans des adHoc.

C'était pareil dans le CMS que tu utilisais et que tu as transposé dans adHoc.
à ma connaissance ça se passe pour la totalité des CMS.

je veux pouvoir être libre du code que j'écris.

D'accord, mais au même temps tu veux aussi la liberté de

  • travailler en locale et envoyer ensuite tes données vers le serveur

  • déménager ton code de katrynou.fr à liberer.katrynou.fr sans corriger la totalité de tes données

Mais enfin, c'est à toi de choisir la mesure de ta liberté

A++