comment supprimer ou ajouter une ligne vide à un tableau dans l'éditeur

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu comment supprimer ou ajouter une ligne vide à un tableau dans l'éditeur

Message par Marco6205 Sam 17 Fév 2018 - 19:30

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://bridge-embrunais.forumactif.com/

Description du problème

Bonsoir
j'ai créé un bouton qui insère un tableau prédéfini de trois lignes.
j'ai utilisé le code "empty-cells:hide;" pour ne pas afficher les bordures des cellules vides. mais cette technique ne m'est pas satisfaisante!
Quand le tableau est édité je ne sais pas supprimer la ligne en trop
comment faire ?
voici le code du bouton
Code:
/*
ajoute un tableau avec feuille de style*/
$(function(){$(function(){
$('<a class="sceditor-button " unselectable="on" title="TabBids"><div unselectable="on" style="background-image:url(https://i62.servimg.com/u/f62/18/31/09/16/trefle10.png)">Enchères</div></a>').insertAfter('.sceditor-button-table').click(function(){
$('#text_editor_textarea').sceditor("instance").insert("[table class='tablo']","[tr][td class='cel']OUEST[/td]
[td class='cel' align='center' border='1' height='20' width='50']NORD[/td]
[td class='cel' align='center' border='1' height='20' width='50' ]EST[/td]
[td class='cel' align='center' border='1' height='20' width='50']SUD[/td]
[/tr]
[tr][td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[/tr]
[tr][td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[/tr]
[/table]");
  });
})});
une partie d'apparence est présente dans le code pour que l'affichage dans l'éditeur soit le plus esthétique .
Voici le code CSS
Code:
/*style tableau celluse vides bordures cachées*/
table.tablo{
  empty-cells:hide;
  text-align:center;
  border-spacing:0;/*obligatoire pour les cellules vides*/
  border:0px; /*par defaut 1px solid black;*/
  /*border-collapse:collapse; incompatible avec les cellules vides*/
}
td.cel{
  width:50px;
  height:20px;
  border:1px solid black; 
}


si vous avez une idée pour supprimer la ligne de cellule vide (normalement des lignes complètes)
ou alors comment rajouter une ligne vide à ce tableau
Marco6205

Marco6205
**

Messages : 86
Inscrit(e) le : 24/01/2017

Voir le profil de l'utilisateur http://bridge-embrunais.forumactif.com/
Marco6205 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment supprimer ou ajouter une ligne vide à un tableau dans l'éditeur

Message par Marco6205 Jeu 22 Fév 2018 - 0:23

j'ai trouvé la solution qui fonctionne très bien sur un tableau html.
mais je n'arrive pas à mettre cette solution pour quelle fonctionne sur l'éditeur du forum.
Je ferme ce sujet et en ouvre un autre
Marco6205

Marco6205
**

Messages : 86
Inscrit(e) le : 24/01/2017

Voir le profil de l'utilisateur http://bridge-embrunais.forumactif.com/
Marco6205 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum