Nouvel éditeur de messages pour les forums Forumactif

2 participants

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

  • 0

Nouvel éditeur de messages pour les forums Forumactif Empty Nouvel éditeur de messages pour les forums Forumactif

Message par Shadow 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...)

Nouvel éditeur de messages pour les forums Forumactif 09615175912Cet é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:


Nouvel éditeur de messages pour les forums Forumactif Mode-w11
  • Un mode code source, qui affiche toutes les balises BBCodes correspondants au formatage :


Nouvel éditeur de messages pour les forums Forumactif Mode-c11

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

Nouvel éditeur de messages pour les forums Forumactif Button10


Nouvel éditeur de messages pour les forums Forumactif 09615175912Fonctionnalités de l'éditeur :


Nouvel éditeur de messages pour les forums Forumactif 12310



Nouvel éditeur de messages pour les forums Forumactif 64x64_13 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


Nouvel éditeur de messages pour les forums Forumactif 34s2omb 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:

Nouvel éditeur de messages pour les forums Forumactif Option10

L'affichage sera désormais le suivant :

Nouvel éditeur de messages pour les forums Forumactif Option11

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
Shadow

Shadow
Modéractive
Modéractive

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

Shadow a été remercié(e) par l'auteur de ce sujet.
  • 0

Nouvel éditeur de messages pour les forums Forumactif Empty Nouvel éditeur : Modification des Templates pour PunBB

Message par Shadow Mer 12 Juin 2013 - 9:40

Nouvel éditeur : Modification des Templates pour PunBB

Nouvel éditeur de messages pour les forums Forumactif 64x64_13Remarque 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
Shadow

Shadow
Modéractive
Modéractive

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

Shadow a été remercié(e) par l'auteur de ce sujet.

Nouvel éditeur de messages pour les forums Forumactif Empty Nouvel éditeur : Modification des Templates pour PhpBB2

Message par Shadow Mer 12 Juin 2013 - 9:48

Nouvel éditeur : Modification des Templates pour PhpBB2

Nouvel éditeur de messages pour les forums Forumactif 64x64_13Remarque 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
Shadow

Shadow
Modéractive
Modéractive

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

Shadow a été remercié(e) par l'auteur de ce sujet.
  • 0

Nouvel éditeur de messages pour les forums Forumactif Empty Re: Nouvel éditeur de messages pour les forums Forumactif

Message par Tech 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.
Tech

Tech
Membre actif

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

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

Nouvel éditeur de messages pour les forums Forumactif Empty Re: Nouvel éditeur de messages pour les forums Forumactif

Message par Shadow Ven 21 Juin 2013 - 14:38

Nouvel éditeur : Modification des Templates pour PunBB




Nouvel éditeur de messages pour les forums Forumactif Warning
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>


Shadow

Shadow
Modéractive
Modéractive

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

Shadow a été remercié(e) par l'auteur de ce sujet.
  • 0

Nouvel éditeur de messages pour les forums Forumactif Empty Re: Nouvel éditeur de messages pour les forums Forumactif

Message par Shadow Ven 21 Juin 2013 - 14:41

Nouvel éditeur : Modification des Templates pour PhpBB2




Nouvel éditeur de messages pour les forums Forumactif Warning
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>
Shadow

Shadow
Modéractive
Modéractive

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

Shadow a été remercié(e) par l'auteur de ce sujet.
  • 0

Nouvel éditeur de messages pour les forums Forumactif Empty Re: Nouvel éditeur de messages pour les forums Forumactif

Message par Shadow 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 :

Nouvel éditeur de messages pour les forums Forumactif Editeu12


Palette simple :


Nouvel éditeur de messages pour les forums Forumactif Editeu13


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


Nouvel éditeur de messages pour les forums Forumactif Choix-10


En éspérant que vous serez satisfaits Smile
Shadow

Shadow
Modéractive
Modéractive

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

Shadow 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