Nouvel éditeur de messages pour les forums Forumactif

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

  • 0

Nouvel éditeur de messages pour les forums Forumactif

Message par Shadow le Lun 10 Juin 2013 - 15:39

Nouvel éditeur de messages pour les forums Forumactif


Forumactif a le plaisir de vous annoncer l'arrivée de son nouvel éditeur de messages sur vos Forums sunny

Nous avons fait le choix d'un éditeur simple et complet qui vous permettra d'avoir un affichage direct des éléments à mettre en page sur votre forum (images, texte, couleurs, alignement, police d'écriture...)

Cet éditeur est composé de 2 modes :

  • Un mode WYSIWYG, qui affiche les éléments tel qu'ils devraient s'afficher après mise en ligne du contenu sur votre forum:


  • Un mode code source, qui affiche toutes les balises BBCodes correspondants au formatage :



On peut passer de l'un à l'autre via ce bouton :



Fonctionnalités de l'éditeur :






Remarque importante:

Les administrateurs ayant des templates personnalisés, doivent obligatoirement apporter les modifications ci-dessous en Punbb ou en PhpBB2 a leurs templates afin de bénéficier de cet ajout


Suppression des options obsolètes de l'ancien éditeur :

Avec l'intégration du nouvel éditeur, 2 options deviennent obsolètes dans votre panneau d'administration et ont donc étaient supprimées:


L'affichage sera désormais le suivant :


En espérant que celui-ci vous facilitera la vie sur vos forums Clin d\'oeil, je vous laisse le découvrir sans plus attendre !

Exclamation Remarque: Ce nouvel éditeur, bien qu’il a passé avec succès nos tests en local puis en pré-production, il reste néanmoins en Beta Test. Il pourrait donc présenter quelques dysfonctionnement que nous corrigerons au fur et à mesure des feedback de la communauté Forumactif. Il n'est pas non plus présent dans votre panneau d'administration.



Dernière édition par Zen le Mer 12 Juin 2013 - 9:53, édité 6 fois


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.
  • 0

Nouvel éditeur : Modification des Templates pour PunBB

Message par Shadow le Mer 12 Juin 2013 - 9:40

Nouvel éditeur : Modification des Templates pour PunBB

Remarque importante: Afin que la mise en place du "Nouvel éditeur" soit prise en compte, les membres ayant des forums sous les versions PunBB avec des templates posting_body et/ou profile_add_body personnalisés doivent absolument prendre en considération les modifications ci-dessous au cas ou ils auraient modifié les templates citées.



    • Templates > Poster & Messages Privés > posting_body :



    Il faut supprimer :
    Code:
    onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)"






    Dans la ligne :
    Code:
    <form action="{S_POST_ACTION}" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data">









    Il faut supprimer tout le bloc (167 lignes) :
    Code:
    <div id="text_editor_select_controls">
      ...
    </div>






    Situé après :
    Code:
    <!-- BEGIN switch_description -->
    <dl>
      <dt><label>{L_DESCRIPTION}</label></dt>
      <dd class="frm-input">
        <input type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
      </dd>
    </dl>
    <!-- END switch_description -->









    Il faut supprimer :
    Code:
    <div id="smiley-box">
      {L_SMILIES_PREVIEW_NEW}
    </div>






    Situé après :
    Code:
    <div id="textarea_content" class="posting-block">
      <dl>
        <dt><label for="text_editor_textarea">{L_MESSAGE}</label></dt>
        <dd class="frm-textarea">
          <textarea id="text_editor_textarea" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" wrap="virtual" style="width:98%">{MESSAGE}</textarea><br />
        </dd>
      </dl>
      <!-- BEGIN edit_reason -->
      <br />
      <dl>
        <dt><label><span style="font-size:11px">{edit_reason.L_EDIT_REASON}</span></label></dt>
        <dd><input class="inputbox medium" style="width:63%" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255"></dd>
      </dl>
      <!-- END edit_reason -->
    </div>









    Il faut supprimer :
    Code:
    <script src="/wysiwyg/wysiwyg_global.js" type="text/javascript"></script>
    <script src="/wysiwyg/wysiwyg_menu.js" type="text/javascript"></script>
    <script src="/wysiwyg/wysiwyg_textedit_new{JS_WYZ_VER}.js" type="text/javascript"></script>
    <script type="text/javascript">
      //<![CDATA[
      $(function() {
        vB_Editor['text_editor'] = new vB_Text_Editor('text_editor',{IS_WYSIWYG},2,1);
        vBulletin_init();
        smilieoptions = {{SMILEY_SELECT}};
      });
      //]]>
    </script>






    Situé après :
    Code:
    <fieldset class="frm-set">
      <dl>
        <dt>{L_INFORMATION}</dt>
        <dd>
          {HTML_STATUS}<br />
          {BBCODE_STATUS}<br />
          {SMILIES_STATUS}
        </dd>
      </dl>









    Il faut rajouter :
    Code:
    {SCEDITOR}






    Tout à la fin du template.




    • Templates > Profil > profile_add_body




    Il faut supprimer :
    Code:
    <!-- BEGIN switch_cke_editor -->
      <dl>
        <dt><label>{L_DISPLAY_WYSIWYG} :</label></dt>
        <dd>
          <label><input type="radio" name="user_wysiwyg" value="1" {USER_WYSIWYG_YES} />{L_YES}</label>
          <label><input type="radio" name="user_wysiwyg" value="0" {USER_WYSIWYG_NO} />{L_NO}</label>
          <br /><span class="italic">{L_DISPLAY_WYSIWYG_EXPLAIN}</span>
        </dd>
      </dl>
    <!-- END switch_cke_editor -->




    Situé après :
    Code:
    <!-- BEGIN switch_report -->
      <dl>
        <dt><label>{switch_preferences_menu.switch_report.L_NO_REPORT_POPUP} :</label></dt>
        <dd>
          <label><input type="radio" name="no_report_popup" value="0" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_YES} /><span class="cont">{L_YES}</span></label>
          <label><input type="radio" name="no_report_popup" value="1" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_NO} /><span class="cont">{L_NO}</span></label>
        </dd>
      </dl>
      <dl>
        <dt><label>{switch_preferences_menu.switch_report.L_NO_REPORT_MAIL} :</label></dt>
        <dd>
          <label><input type="radio" name="no_report_mail" value="0" {switch_preferences_menu.switch_report.NO_REPORT_MAIL_YES} /><span class="cont">{L_YES}</span></label>
          <label><input type="radio" name="no_report_mail" value="1" {switch_preferences_menu.switch_report.NO_REPORT_MAIL_NO} /><span class="cont">{L_NO}</span></label>
        </dd>
      </dl>
    <!-- END switch_report -->


Dernière édition par Zen le Ven 21 Juin 2013 - 14:27, édité 7 fois


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Nouvel éditeur : Modification des Templates pour PhpBB2

Message par Shadow le Mer 12 Juin 2013 - 9:48

Nouvel éditeur : Modification des Templates pour PhpBB2

Remarque importante: Afin que la mise en place du "Nouvel éditeur" soit prise en compte, les membres ayant des forums sous les versions PhpBB2 avec des templates posting_body et/ou profile_add_body personnalisés doivent absolument prendre en considération les modifications ci-dessous au cas ou ils auraient modifié les templates citées.



  • Templates > Poster & Messages Privés > posting_body


Il faut supprimer :
Code:
onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)"





Dans la ligne :
Code:
<form action="{S_POST_ACTION}" method="post" name="post" enctype="multipart/form-data">








Il faut remplacer :
Code:
<td class="row1" width="22%"><span class="gen"><b>{L_SUBJECT}</b></span></td>
<td class="row2" width="78%">





Par :
Code:
<td class="row1"><span class="gen"><b>{L_SUBJECT}</b></span></td>
<td class="row2">





Situé après :
Code:
<!-- BEGIN switch_groupmsg -->
<tr>
  <td class="row1" width="22%"><span class="gen"><b>{L_USERNAME}</b></span></td>
  <td class="row2" width="78%"><span class="genmed">{USER&amp;#8288;NAME}</span></td>
</tr>
<!-- END switch_groupmsg -->

<!-- BEGIN switch_subject -->
<tr>








Il faut remplacer ( ~317 lignes) :
Code:
<tr id="parent_editor_simple" {EDITOR_DISPLAY_SIMPLE}>
  <td class="row1" valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="1">
      <tr>
      ...
      </tr>
    </table>
  </td>
</tr>





Par :
Code:
<tr id="parent_editor_simple" {EDITOR_DISPLAY_SIMPLE}>
  <td class="row1" valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="1">
      <tr>
        <td><span class="gen" style="white-space: nowrap;"><b>{L_MESSAGE_BODY}</b></span></td>
      </tr>
    </table>
  </td>
  <td class="row2" valign="top"><span class="genmed"></span>
    <table border="0" cellspacing="0" cellpadding="0" width="100%">
      <tr>
        <td>
          <textarea id="text_editor_textarea" class="post" name="message" tabindex="3" wrap="virtual">{MESSAGE}</textarea>
       </td>
      </tr>
    </table>
  </td>
</tr>





Situé après :
Code:
<!-- BEGIN switch_icon_checkbox -->
<tr>
  <td class="row1" valign="top"><span class="gen"><b>{L_ICON_TITLE}</b></span></td>
  <td class="row2">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <!-- BEGIN row -->
      <tr>
        <td nowrap="nowrap"><span class="gen"><!-- BEGIN cell --><label><input type="radio" name="post_icon" value="{switch_icon_checkbox.row.cell.ICON_ID}" {switch_icon_checkbox.row.cell.ICON_CHECKED} id="post_icon_{switch_icon_checkbox.row.cell.ICON_ID}" /> <span onclick="document.forms['post'].post_icon_{switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_icon_checkbox.row.cell.ICON_IMG}</span></label><!-- END cell --></span></td>
      </tr>
      <!-- END row -->
    </table>
  </td>
</tr>
<!-- END switch_icon_checkbox -->





Et avant :
Code:
<!-- BEGIN edit_reason -->
  <tr>
    <td class="row1" width="22%"><span class="gen"><strong>{edit_reason.L_EDIT_REASON}</strong></span></td>
    <td class="row2" width="78%"><span class="gen"><input class="post" style="width:450px" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255"></span></td>
  </tr>
  <!-- END edit_reason -->
  {CODE_CONFIRM}
</table>








Il faut rajouter :
Code:
{SCEDITOR}





Tout à la fin du template.




  • Templates > Profil > profile_add_body





Il faut supprimer :
Code:
<!-- BEGIN switch_cke_editor -->
<tr>
  <td class="row1"><span class="gen">{L_DISPLAY_WYSIWYG} :</span><br /><span class="gensmall">{L_DISPLAY_WYSIWYG_EXPLAIN}</span></td>
  <td class="row2">
    <label class="gen"><input type="radio" name="user_wysiwyg" value="1" {USER_WYSIWYG_YES} />{L_YES}</label>  
    <label class="gen"><input type="radio" name="user_wysiwyg" value="0" {USER_WYSIWYG_NO} />{L_NO}</label>
  </td>
</tr>
<!-- END switch_cke_editor -->





Situé après :
Code:
<!-- BEGIN switch_report -->
<tr>
  <td class="row1"><span class="gen">{switch_preferences_menu.switch_report.L_NO_REPORT_POPUP} :</span></td>
  <td class="row2">
    <label class="gen"><input type="radio" name="no_report_popup" value="0" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_YES} />{L_YES}</label>  
    <label class="gen"><input type="radio" name="no_report_popup" value="1" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_NO} />{L_NO}</label>
  </td>
</tr>
<tr>
  <td class="row1"><span class="gen">{switch_preferences_menu.switch_report.L_NO_REPORT_MAIL} :</span></td>
  <td class="row2">
    <label class="gen"><input type="radio" name="no_report_mail" value="0" {switch_preferences_menu.switch_report.NO_REPORT_MAIL_YES} />{L_YES}</label>  
    <label class="gen"><input type="radio" name="no_report_mail" value="1" {switch_preferences_menu.switch_report.NO_REPORT_MAIL_NO} />{L_NO}</label>
  </td>
</tr>
<!-- END switch_report -->


Dernière édition par Zen le Ven 21 Juin 2013 - 14:25, édité 4 fois


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.
  • 0

Re: Nouvel éditeur de messages pour les forums Forumactif

Message par Tech le Mer 12 Juin 2013 - 14:59

Bonjour à tous,

Voici quelques codes CSS pour modifier l'éditeur !
Merci à celui qui les a fourni (je n'ai plus le pseudo)
       

  • Pour modifier la partie supérieur contenant les outils (boutons, ...)
           
    Code:
    div.sceditor-toolbar
            {
              contenu
            }




  • Pour modifier le textarea, ... et donc la couleur de fond
           
    Code:
    .sceditor-container iframe, .sceditor-container textarea
            {
              contenu
            }




  • Pour modifier les groupes de bouton
           
    Code:
    div.sceditor-group
            {
              contenu
            }




  • Pour modifier les boutons :
           
    Code:
    a.sceditor-button
            {
             contenu
            }


  • Pour modifier les boutons sélectionnés
           
    Code:
    a.sceditor-button.hover
            {
              contenu
            }




Le mot contenu doit être remplacé par du CSS. Par exemple :
background: red; > modifie la couleur de fond

Merci de votre compréhension.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21125
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Re: Nouvel éditeur de messages pour les forums Forumactif

Message par Shadow le Ven 21 Juin 2013 - 14:38

Nouvel éditeur : Modification des Templates pour PunBB




Ces modifications sont essentielles pour la correction des différents bogues mis à jour le 21/06/2013

Cette modification devrait corriger :

- L'affichage des smileys
- L’impossibilité d'écrire après une citation
- La Perte de la personnalisation des BBCodes avec l'attribut "style" dans les "table", "tr" et "td"
- Les problèmes de BBcodes qui se transforment en HTML

Templates > Profil > Poster & Messages Privés :

Il faut ajouter :

Code:
<div id="smiley-box">
  <div id="smileyContainer">
    {L_SMILIES_PREVIEW_NEW}
  </div>
</div>

Situé après :
Code:
<!-- END edit_reason -->
</div>




Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.
  • 0

Re: Nouvel éditeur de messages pour les forums Forumactif

Message par Shadow le Ven 21 Juin 2013 - 14:41

Nouvel éditeur : Modification des Templates pour PhpBB2




Ces modifications sont essentielles pour la correction des différents bogues mis à jour le 21/06/2013
Cette modification devrait corriger :

- L'affichage des smileys
- L’impossibilité d'écrire après une citation
- La Perte de la personnalisation des BBCodes avec l'attribut "style" dans les "table", "tr" et "td"
- Les problèmes de BBcodes qui se transforment en HTML

Templates > Poster & Messages Privés -> posting_body :

Il faut remplacer :
Code:
<!-- BEGIN switch_subject -->
<tr>
  <td class="row1"><span class="gen"><b>{L_SUBJECT}</b></span></td>
  <td class="row2">

Par :
Code:
<!-- BEGIN switch_subject -->
<tr>
  <td class="row1" width="22%"><span class="gen"><b>{L_SUBJECT}</b></span></td>
  <td class="row2" width="78%">




Il faut ajouter :
Code:
<tr>
  <td align="center" valign="middle">
    <table width="100" border="0" cellspacing="0" cellpadding="5">
      <tr align="center">
        <td class="gensmall" colspan="{S_SMILIES_COLSPAN}">
          <div id="smileyContainer">
            {L_SMILIES_PREVIEW_NEW}
          </div>
        </td>
      </tr>
    </table>
  </td>
</tr>
Situé après :
Code:
<tr>
  <td><span class="gen" style="white-space: nowrap;"><b>{L_MESSAGE_BODY}</b></span></td>
</tr>




Il faut remplacer :
Code:
<td>
  <textarea id="text_editor_textarea" class="post" name="message" tabindex="3" wrap="virtual">{MESSAGE}</textarea>
</td>
Par :
Code:
<td valign="top">
  <textarea id="text_editor_textarea" class="post" name="message" tabindex="3" wrap="virtual">{MESSAGE}</textarea>
</td>


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.
  • 0

Re: Nouvel éditeur de messages pour les forums Forumactif

Message par Shadow le Ven 28 Juin 2013 - 12:34

 Choix de votre palette de couleur



Après avoir reçu de nombreuses demandes et un sondage, nous avons décidé de laisser le choix à nos membres Smile

Vous avez désormais la possibilité de choisir dans votre Panneau d'Administration une palette étendue ou simple.

Palette étendue :




Palette simple :





La nouvelle option sera disponible dans le PA → Général → Messages et Emails





En éspérant que vous serez satisfaits Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

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


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