Nouvel éditeur de messages pour les forums Forumactif

• 0Réputation du message : 100% (6 votes)

Nouvel éditeur de messages pour les forums Forumactif

 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 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 , je vous laisse le découvrir sans plus attendre ! 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.

Ce tutoriel a été rédigé par le Staff du Forum des Forums, Et en particulier par Zen. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.

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

• 0Réputation du message : 100% (2 votes)

Nouvel éditeur : Modification des Templates pour PunBB

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


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

Nouvel éditeur : Modification des Templates pour PhpBB2

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

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

• 0Réputation du message : 100% (2 votes)

Re: Nouvel éditeur de messages pour les forums Forumactif

 par Tech Mer 12 Juin 2013 - 14:59

Re: Nouvel éditeur de messages pour les forums Forumactif

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

• 0Réputation du message : 100% (2 votes)

Re: Nouvel éditeur de messages pour les forums Forumactif

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

• 0Réputation du message : 100% (3 votes)

Re: Nouvel éditeur de messages pour les forums Forumactif

 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

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

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