Aggiornamento - Nuovo editore su Forumattivo

Promemoria primo messaggio :

Nuovo editor su Forumattivo!

Forumattivo è lieto di annunciare l'arrivo del suo nuovo Editore sui forum     Abbiamo scelto un editor di messaggi semplice e completo che permette di avere una visione diretta di elementi da mettere sulle pagine del forum (immagini, testi, colori ...)    Ecco a voi l'esempio del nuovo editore :            Questo editore è composto da due modalità:         Il modo WYSIWYG,    Che visualizza gli elementi che dovrebbero essere visualizzati on-line sul vostro forum.     Il modo codice sorgente,    Che visualizza tutti i corrispondenti tag del BBCode.         È anche possibile passare da una modalità all'altra tramite questo pulsante:         Ecco un elenco dettagliato delle nuove caratteristiche dell'editor:        Note:      1. Con l'integrazione del nuovo editore, due opzioni diventano obsolete nel vostro pannello di amministrazione e di conseguenza sono state rimosse:         Attivare l'editore esteso     Attivare il modo WYSIWYG per default nei messaggi          2. Questo nuovo editore, anche se ha superato tutti i nostri test è ancora in beta test. Potrebbe quindi avere certi bug che verrano risolti con i vostri feedback. Inoltre, non è stato implementato nel vostro pannello di amministrazione. Codici CSS per modificare l'editor Nerissa ha scritto:Ciao! vi lascio diversi codici CSS per modificare l'editor   Per modificare la parte superiore che contiene i pulsanti Codice:  div.sceditor-toolbar         {           contenuto         } Per modificare la textarea ... e quindi, il colore di sfondo : Codice: .sceditor-container iframe, .sceditor-container textarea         {           contenuto         } Per modificare i gruppi di pulsanti : Codice: div.sceditor-group         {           contenuto         } Per modificare i pulsanti : Codice: a.sceditor-button         {          contenuto         } Per modificare i pulsanti selezionati : Codice: a.sceditor-button.hover         {           contenuto         } condiviso dal forum francese NOTA:  Gli utenti con versione di forum in PhpBB2 & PunBB i quali hanno modificato il template posting_body e/o profile_add_body dovranno apportare le seguenti modifiche in modo da funzionare il nuovo editore.    Speriamo che vi piaccia!           Lo staff di Forumattivo

PUNBB

1. Templates > Inviare & Messaggi Privati > posting_body :

È necessario rimuovere:

Codice:

onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)"

Che si può trovare nella linea:

Codice:

<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">

---

È inoltre necessario rimuovere "tutto il blocco": (sono 167 linee)

Codice:

<div id="text_editor_select_controls">
  ...
</div>

Situato dopo:

Codice:

<!-- 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 -->

---

È necessario rimuovere anche:

Codice:

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

Situato dopo :

Codice:

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

---

È necessario rimuovere:

Codice:

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

Situato dopo:

Codice:

<fieldset class="frm-set">
  <dl>
    <dt>{L_INFORMATION}</dt>
    <dd>
      {HTML_STATUS}<br />
      {BBCODE_STATUS}<br />
      {SMILIES_STATUS}
    </dd>
  </dl>

---

È necessario aggiungere:

Codice:

{SCEDITOR}

Alla fine del template.

2. Templates > Profilo > profile_add_body :

È necessario rimuovere:

Codice:

<!-- 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 -->


Situato dopo :

Codice:

<!-- 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 -->


PHPBB2

1. Templates > Profilo > posting_body :

È necessario rimuovere:

Codice:

onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)"

Situato nella linea:

Codice:

<form action="{S_POST_ACTION}" method="post" name="post" enctype="multipart/form-data">

---

È necessario sostituire:

Codice:

<td class="row1" width="22%"><span class="gen"><b>{L_SUBJECT}</b></span></td>
<td class="row2" width="78%">

Da :

Codice:

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

Situato dopo :

Codice:

<!-- 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">Using php in posts is called being a smart [Language]... Stop it</span></td>
</tr>
<!-- END switch_groupmsg -->

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

---

È necessario sostituire:

Codice:

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

Aggiungendo :

Codice:

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

Situato dopo :

Codice:

<!-- 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 -->

E prima :

Codice:

 <!-- 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>

---

È necessario aggiungere:

Codice:

{SCEDITOR}

Alla fine del template.

2. Templates > Profilo > profile_add_body:

È necessario rimuovere:

Codice:

<!-- 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 -->

Situato dopo :

Codice:

<!-- 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 -->

Staff FDF - Forum di supporto per Forumattivo IT
Copyrigth FORUMATTIVO.COM

[/td][/tr][/table]

Nerissa ha scritto:Ciao,

L'ho detto per 3 volte ragazzi, è questo il nuovo editor di forumattivo e non avremo alcuna opzione dal pannello per scegliere tra el vecchio e il nuovo.

Sembra come quando ti arriva una lettera dalla tua banca che ti "propone" la modifica unilaterale delle condizioni contrattuali...
Che proponi se poi non posso discutere le scelte fatte?

Nerissa ha scritto:Ciao,

L'ho detto per 3 volte ragazzi, è questo il nuovo editor di forumattivo e non avremo alcuna opzione dal pannello per scegliere tra el vecchio e il nuovo.

dovremmo aspettarci in questi giorni in modo che gli errori vengano risolti dallo staff tecnico in basi ai vostri commenti 

E' molto triste...questo editor è veramente brutto in tutti sensi. Fino adesso non ho trovato un solo lato positivo. Si lamentano tutti.  Possiamo sperare almeno che tra gli errori sistemeranno anche gli emoticons?

Dire che è brutto mi sembra eccessivo. Il precedente non è che fosse un capolavoro di fruibilità!
Questo nuovo ha ottime potenzialità, bisogna solo che gli facciano qualche modifica, una su tutte... le emoticons cava-occhi!

Ma qualcuno ha capito/mi spiega cosa diavolo sono WoW, Hide e Aleatorio??

x Tita

Guarda che per noi brutto anche esteticamente, per via dello stile del nostro layout. Questo può andare benissimo per un layout con uno stile moderno oppure come questo forum qua. Ma non per uno come la nostra e anche molti altri naturalmente. Però non si tratta solo di questo. Estremamente scomodo postare link ed immagini con i rispettivi collegamenti, si perde il doppio del tempo, e purtroppo di quello non abbiamo tanto. Per questo avevo scritto che brutto in ogni senso, per noi lo è veramente purtroppo.

Anche il mio forum è scuro e questo pataccone bianco non c'entra niente. Infatti i miei utenti sono scontenti.
Però non vedo solo lati negativi... come dicevo prima, sistemato può diventare migliore del precedente.
Così com'è, non piace molto nemmeno a me, questo è sicuro!

Buongiorno!
Tutto sommato a me piace... 
l'unico neo che ho riscontrato è il fatto che siano scomparse alcune icone personalizzate che avevo inserito manualmente io nel vecchio.... ecco, aver perso quelle mi dispiace... comunque spero sarà possibile inserirle nuovamente (magari quando avranno finito tutti i lavori!).
Ah, anche il fatto che la finestra delle emotion non resti aperta, ma si chiuda ad ogni clic, questo è un pò fastidioso... va beh... 
Per il colore, il bianco sul mio blog va benissimo...
PS: certo, sarebbe meglio se prima di cambiarci le cose sui nostri blog ci mandaste un avviso...

Stamattina ho riscontrato un aggiornamento sul mio forum ...ora la finestra degli smile rimane aperta e non si richiude ogni volta che ne selezionavi uno come capitava prima e si standardizzata come i forum stranieri che sono iscritto.
Non so se è sbagliato scriverlo qui dentro ma ora che mi è capitato posso dire che bisogna cambiare il fatto che quando tu vai a modificare un messaggio con foto non trovi più il link della foto ma la foto in anteprima e diventa problematico cancellarla se per caso come è capitato a me ne ho inserita una doppia.
Ricordo che oggi è il secondo giorno e che quindi dovrebbe essere finalmente il giorno che si possa cambiare il colore allo sfonde dell'editor,cornici e colore del testo.......speriamo.......
Ciao Riccardo

C'è anche un problema sul quote... se è attivo il WYSIWYG non c'è verso di scrivere al di sotto del quote, così all'invio del post sia il testo citato, sia il testo di risposta sono visualizzati nel quote.
Per poter rispondere correttamente ad un quote bisogna per forza disattivare il WYSIWYG

°Tita° ha scritto:C'è anche un problema sul quote... se è attivo il WYSIWYG non c'è verso di scrivere al di sotto del quote, così all'invio del post sia il testo citato, sia il testo di risposta sono visualizzati nel quote.
Per poter rispondere correttamente ad un quote bisogna per forza disattivare il WYSIWYG

Grazie per avermelo spiegato e speriamo che sia perchè è un work in progress

Noi segnaliamo tutte le anomalie che incontriamo, così possono sistemare 

Hai ragione TITA, stesso problema anche a me! 
Invece quello che ha descritto Capitan America, quello non mi è successo... non so se dipenda dalla versione...

°Tita° ha scritto:Noi segnaliamo tutte le anomalie che incontriamo, così possono sistemare 

Come ho fatto io prima per le foto

Capitan America ha scritto:

°Tita° ha scritto:Noi segnaliamo tutte le anomalie che incontriamo, così possono sistemare 

Come ho fatto io prima per le foto

Esatto, anzi, ora provo a vedere se ho anche io il tuo stesso problema...

EDIT. ok, ho capito cosa intendevi. Risolvibile anche questo solo togliendo la visualizzazione WYSIWYG

ginetta ha scritto:Hai ragione TITA, stesso problema anche a me! 
Invece quello che ha descritto Capitan America, quello non mi è successo... non so se dipenda dalla versione...

Beato te

Io ho phpBB2 (subsilver) modificato nei colori come puoi vedere http://rctankir.forumattivo.it/

Ciao

Ho anche io la stessa versione... ma come ha spiegato TITA il problema si risolve togliendo la visualizzazione WYSIWYG.... ecco perchè non l'avevo riscontrato io... hihihi... l'avevo già tolta!

Ciao!

vi lascio diversi codici CSS per modificare l'editor  

Per modificare la parte superiore che contiene i pulsanti

Codice:

 div.sceditor-toolbar
        {
          contenuto
        }

Per modificare la textarea ... e quindi, il colore di sfondo :

Codice:

.sceditor-container iframe, .sceditor-container textarea
        {
          contenuto
        }


Per modificare i gruppi di pulsanti :

Codice:

div.sceditor-group
        {
          contenuto
        }


Per modificare i pulsanti :

Codice:

a.sceditor-button
        {
         contenuto
        }



Per modificare i pulsanti selezionati :

Codice:

a.sceditor-button.hover
        {
          contenuto
        }

condiviso dal forum francese