[ RISOLTO ] - JCE - Problemi con formattazione HTML

[RMBPI]

Salve a tutti
 
 Naturalmente prima di scrivere questo post ho cercato per ore su internet e su questo forum ma non ho trovato una risposta a questo problema.

Non sono ancora molto esperto di joomla e sto imparando sperimentando.

Provo a creare un modulo "HTML Personalizzato" inserendo il contenuto direttamente via html.
quindi :

• Metto un div di quà un link di là, ritorni a capo e indentazioni per rendere il codice ben leggibile in caso di  modifiche.
• Decido il suo posizionamento e salvo.
• Aggiorno la pagina ed è tutto ok.
• Ora voglio modificare, per esempio, il 'left' dello stile di un elemento.
• Torno nell'editor, visualizzo l'html e mi accorgo che la mia formattazione è saltata, le indentazioni sono poste alla "viva il parroco" così come i ritorni a capo ( riga successiva ).

Ora non è un problema perchè di codice html ne avevo inserito poco ma, quando avrò decine e decine di righe, trovare il 'left' del giusto elemento diventerà una grande perdita di tempo e l'idea di non poter avere il mio codice ben leggibile m'infastidisce molto.

Questo avviene con Tiny, Jce e Jck e se ne installo altri sono convinto che avverrà anche con loro.
Ho fatto prove su prove per la configurazione dei suddetti editor.
Ho scritto il codice a manina onde evitare il copia e incolla.
Ho disabilitato Tiny, Jck ed 'Editor Switch'.
Ho verificato i permessi ed i 'filtri di testo' ( nessun filtro ) del SuperUser.

Niente ! La formattazione html non viene mantenuta.

Lavoro in locale con la seguente configurazione :

• iMac ( Lion )
• MAMP ( per il server in locale )
• Joomla 2.5.1
• Tutti i componenti aggiuntivi aggiornati.
• Template creati con ******.

Potete aiutarmi ?
grazie
 
Edit: Rimosso riferimento commerciale

[webdesigneritalia]

domanda superflua:
prima di mettere i DIV e tutto il resto, dichiari :<style type="text/css"> ?

[tonicopi]

eeeh! 
Da me joomla 256 e JCE 2.2.4 con firefox 13.0.1 il modulo html personalizzato mantiene la formattazione data, comprensiva della colorazione dei tag,  e senza la dichiarazione di cui sopra 

[RMBPI]

Intanto mi ero sbagliato a digitare ma ho joomla 2.5.6.
Poi firefox è il 14.0.1 ( ovviamente x mac ).

webdesigneritalia : lo faccio se non dichiaro lo style direttamente nel div. Dovrei farlo comunque ?

tonicopi : abbiamo lo stesso joomla e la stessa release di jce ma a te funza ed a me no !
                ho lo stesso problema anche usando 'google crome', 'safari' ed 'opera'.

Non sarà qualche componente aggiuntivo a causare questo problema ?

[adottauncane]

Ciao RMBPI,
prova così,
JCE - Editor Profiles - Default - Etitor Parameters - Options

• Allow Javascript
• Allow CSS
• Allow PHP
• XHTML Attributes
• XHTML Inline Scripts

Tutti Sì.

[tonicopi]

Ecco che arriva la Carla che usa anche lei il mac ed ama jce. Adesso risolvi di sicuro... 

[RMBPI]

ciao Carla

'XHTML Attributes' non l'ho trovato mentre ho abilitato 'Allow PHP' che non avevo abilitato per motivi di sicurezza ( come ho letto da qualche parte ) ed anche perchè di PHP sono completamente a digiuno.

Il problema è rimasto.

Ora sto mettendo il sito sul dominio e provo in remoto ( non vorrei che sia MAMP a causare il problema visto che ne ho avuti anche con K2 )

Appena fatte le prove vi aggiorno.

grazie e ... a più tardi.

[webdesigneritalia]

Se non dichiari lo style, con la sua relativa chiusura dopo le nuove regole che intendi mettere, non terrà mai conto di quello che metti di diverso, perchè saranno i fogli di stile.css a comandare.
Non sò se mi sono spiegato bene......

[RMBPI]

ciao webdesigneritalia

Non ho capito, puoi spiegarti meglio ?!

[webdesigneritalia]

Riferendomi al tuo primo post, in cui mettevi una serie di comandi ( leggi DIV link ecc) una volta messo on line non fossero attivi o visibili ( ognuno di noi usa un suo modi di dire)
Ogni variazione di regola di css necessita la dichiarazione  <style type="text/css"> poi si mettono le nuove regole, quindi si chiude: </style>   
[/size]Se non fai questo la regola che metti non viene letta dal browser, quindi quello che vedrai on line è quello che è regolato dai fogli di stile associati al tuo template.
[/size]Queste "regole" volanti, se cosi vogliamo chiamarle, vengono chiamate" in linea" cioè valgono solo per quel dato momento in quello che tu hai messo. Poi tutto il resto è "diretto" dai fogli di stile generali di cui ti ho detto sopra.
[/size]Mi sono spiegato a sufficenza..?
[/size]ciao
[/size]Marco

[RMBPI]

OK adesso ho capito.

Si, nell'html metto gli stili in-line quando si tratta di qualche riga, altrimenti creo le regole css per usare 'id' e/o 'classi' nelle varie parti di codice.

Ovviamente, se non lo faccio vengono applicate le regole definite nei css del template.

Ma il mio problema è un altro, riguarda il modo in cui l'editor mostra il mio codice html e non il render del  codice stesso nella pagina web.

Per intenderci se nell'editor scrivo :

<div style="bla bla bla">
                  testo
</div>
<div style="bla bla bla">
                   altro testo
 </div>

una volta salvato e riaperto mi ritrovo :

<div style="bla bla bla">testo</div><div style="bla bla bla">
 altro testo
 </div>

Prova ad immaginare se avessi cento righe così e dovessi cercare qualcosa ...... finirei con l'impazzire.

Potrei usare un altro editor fuori dal cms ma ogni volta dovrei : copiare il codice, modificarlo, reincollarlo.

Troppo macchinoso e, sopratutto, poco efficente.

grazie comunque webdesigneritalia

[webdesigneritalia]

E se tu facessi una regola generale..??..nel foglio di stile..?'
Non avresti da inserire ogni volta una regola.

[RMBPI]

Rieccomi !

• Installato ex-novo su dominio ******
• Il mio DB è 'MySql'.
• Installate 0 ( zero ) estensioni.
• Provo con Tiny ( dopo aver tolto i limiti script, applet, etc. ) ed, ovviamente, non mantiene la formattazione.
• Installo jce 2.2.4, lo metto come editor di default.
• Provo con jce e non mantiene la formattazione.
• Provo con le impostazioni che mi ha consigliato Carla ma non mantiene la formattazione.

Il codice che scrivo nel Modulo HTML Personalizzato è :
<div style="left: 0px;">
testo
</div>

<div style="left: 0px;">
altro testo
</div>


Usando jce salvo, riapro e mi rotrovo :
<div style="left: 0px;">testo</div>
<div style="left: 0px;">altro testo</div>
Se quello che scrivo nello style fosse mooolto più lungo di un semplice 'left:0px;' mi andrebbe a capo per mancanza di spazio, quindi vorrei essere io a decidere le indentazioni ed i 'carriage return'.
attendo le vostre considerazioni


Bruno

[RMBPI]

sono daccordo con te Marco che si potrebbe provare ad aggirare il problema ma vorrei evitarlo per almeno 2 motivi :

• i fogli di stile del template lo faccio con l'applicazione che uso per ceare tali temi e non sarei in grado di farli in alcun altro modo.
• vorrei sentirmi libero di scrivere due righe html senza interrogare il mondo.
• se c'e' una soluzione vorrei trovarla e non solo per il piacere di riuscirci ma anche perchè gli imprevisti sono sempre dietro l'angolo.

Insomma .... non mollo ... anche perchè Tonicopi riesce a farlo ( e quindi anche il mio sistema deve poterlo fare )

[blue_peter]

ciao.
 
uso wamp, win7, joomla 2.5.6 e jce aggiornato all'ultima versione.
 
ti confermo che anche a me il codice viene 'risistemato'.
penso che la cosa dipenda dal foglio di stile interno associato all'editor dell'articolo.
 
diversamente era se ti tagliava il codice (ma non e' il tuo caso).
 
aggiungo che anche in remoto (su server linux) succede identica cosa.
 
 

[RMBPI]

grazie blue_peter

Azzz ..... beh, ora ho la certezza che non dipende da me e nemmeno dal mio sistema.

Visto che anche a te succede, sia in locale che in remoto, quale sistema adotti per non rendere le modifiche del codice il meno tediose possibile ?

attendo tue

grazie

[blue_peter]

 
quando mi capita di dover modificare il codice negli articoli, tendo a lavorare in formato html,
e spesso, per fare piu' velocemente copio e incollo il codice in blocco note o in una pagina fittizia
 in dreamweaver (ma qualsiasi altro editor come frontpage o similari potrebbe andare bene).
 
mi spiego meglio:
 
se devo solo cambiare un allineamento o cose simili, lo faccio direttamente nell'editor jce di joomla.
 
se devo aggiungere una tabella, o qualcosa di piu' elaborato, prima lo faccio 'esternamente', poi incollo e (se serve) aggiungo i link agli articoli (sfruttando jce) oppure i collegamenti ai moduli...
 
non pretendo di avere il consiglio giusto, dico solo il mio modo di fare.
:-)
 

[RMBPI]

grazie del consiglio blue_peter

anche io uso DW e faccio come te : 'copia e incolla' - modifiche - 'copia e incolla' ed all'occorrenza lavoro direttamente nell'editor di joomla.

Avendo un iMac da 24" ho potuto ingrandire di mooolto la finestra dell'editor per ridurre i ritorni a capo causati dai margini della finestra, lo trovo cmq un lavoro tedioso anche quando ho solo 10-15 righe di codice in cui cercare il codice da modificare !

E' per me una noiosa limitazione ma considerato che è tutto gratis ......

grazie, senza il tuo aiuto avrei passato un altro giorno a combattere contro i mulini a vento.

ciao

Bruno

P.S.

Se Tonicopi e Carla non hanno ulteriori consigli o considerazioni al riguardo possiamo considerare chiusa la discussione.grazie anche a Tonicopi, Carla e webdesigneritalia

[webdesigneritalia]

ragazzi...mi spiace del problema.
Ultima domanda.....stupida..ma a volte una svista capita..


nella configurazione globale di JCE è stato messo no in pulisci html ?
(Allego lo screenshot della mia configurazione globale..se può interessare )


Speriamo..che sia quello....
Ci stò pensando ma altro non può venirmi in mente...
Grazie a voi....è sempre un piacere confrontarsi.
Marco

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[tonicopi]

Se io incollo del codice formattato in JCE, salvo e riapro il codice mi si ripresenta tal quale. Le impostazioni sono quelle di default. Allego screenshot. Non saprei che suggerirti...

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[RMBPI]

x Marco

Ho provato entrambi i valori di 'pulisci html' ma il risultato è il medesimo.

x Tonicopi e Marco

Se nel codice che già salvato e ben formattato aggiungi un 'carriage return' e/o delle spaziature e lo salvi, quando lo riapri mantiene queste modifiche ?

Stò, in sostanza, cercando di capire la sistematicità dell'evento, anche perchè a blue_peter succede la stessa cosa che succede a me.

Se il vostro sistema si comporta diversamente bisognerebbe capire quali sono le differenze tra i sistemi.

Bruno

[RMBPI]

ragazzi finalmente ho trovato la soluzione !

un bel rem e riporta a capo il codice.

come potete notare prima dell'href chiamato 'quattro' non ho aggiunto il rem e jce non applica il ritorno a capo.

Notare che se nell'editor ( parliamo sempre di jce ) avessi mandato a capo l'href chiamato 'quattro', dopo salvataggio e riapertura, me lo sarei ritrovato così come lo vedete, mentre se metto prima un rem me lo rimanda a capo.

Utilizzando questo tema per amministratore ( che evidenzia il codice meravigliosamente ) ed il trucchetto del rem posso finalmente avere il mio codice ordinato e leggibile

Un grazie a tutti

Bruno

[allegato eliminato da un amministratore essendo vecchio più di un anno]