Newsgroup: it.comp.www.php
Titolo: Wordpress: editor wysiwyg integrato

Salve,
la domanda e` leggermente OT, e me ne scuso, ma, a parte il forum di 
wordpress, questo mi pare il luogo piu` adatto. :)
Sto usando wordpress (l'ultima versione) per il blog, ma mi capita spesso 
di inserire negli articoli del codice. Quindi attivo il <pre> e inizio a 
scrivere, ma mi accorgo che tinymce mi mette ogni riga dentro un suo 
<pre></pre> e, visto il foglio di stile che ho, mi scombussola tutto il 
listato.
Allora attivo la modalita` "codice" e tolgo a mano (a volte anche su 2-300 
righe...) i vari </pre> a fine riga e <pre> a inizio riga, ma appena torno 
alla modalita` "visuale" mi inserisce una riga vuota per ogni riga dentro 
il <pre>. Se continuo a switchare tra codice e visuale le righe vuote 
aumentano.
Capita ad altri?
Ora le alternative sono:
- e` un bug di tinymce, e allora scarico la nuova versione e la installo a 
mano
- e` cosi` e basta, e allora cerco un altro editor wysiwig/wywiwim da 
integrare (suggerimenti? C'e` modo di usare wym con wordpress?)
- e` cosi` con tutti gli editor, e allora lo disattivo e scrivo html.
Grazie per qualsiasi aiuto. :)
Bye.

Hola Alessandro,
tinymce lo sto valutando per alcune funzionalità interessanti, ma non
è l'editor di base che utilizzo quindi premetto che non lo conosco
benissimo.
Uso da un paio d'anni FCK Editor e riguardo al problema che dici, non
ho riscontrato particolari rotture, almeno con le ultime versioni:
http://www.fckeditor.net/demo
Alcune opzioni tipiche di tinymce mancano (alcuni pulsanti per lo più),
ma è un buon editor e hanno fatto anche un grosso sforzo per farlo
andare su Safari.
Prima di usarlo, prova a fare qualche test nell'area demo, così vedi
subito se fa al caso tuo.
-- 
Aloha, (m|t)
---------------------------------------------------------------------
Comunicazione per la pubblica amministrazione, grandi aziende, pmi
Bazzmann|Mag > 
http://www.bazzmann.com
Bazzmann Srl > 
http://www.bazzmann.it
---------------------------------------------------------------------

 aumentano.
Io ho installato il plugin WP Syntax
(
http://wordpress.org/extend/plugins/wp-syntax/
)
sul mio blog e non ho riscontrato questo tipo di problema. Al più 
qualche fastidio con il ridimensionamento del testo in alcuni template, 
ma niente che non possa essere risolto se sai mettere mano al foglio di 
stile.
Ciao,
Corrado.
--
mail: corradoDOTnapoliATgmailDOTcom
blog: 
http://www.corrado-napoli.com/blog/

 andare su Safari.
A dire il vero, meno funzioni ha e meglio sto. :)
A me basterebbe un editor che mi permetta di definire un paragrafo come 
<p>, <h1>..<h6>, <pre>, <blockquote>, inserire link, dare un class a 
paragrafi, immagini e parti di testo e, naturalmente, usare il css che gli 
passo per il preview.
Non mi servono tabelle, iframe, object, bold, italic, font, ecc.
Per quello chiedevo se c'era il modo di integrare WYM, che si avvicina di 
piu` a quello che voglio io.
Stasera mi studio anche il plugin per fck, forse (se trovo il tempo) 
faccio un plugin simile per integrare wym in wordpress :)
Bye.

 essere risolto se sai mettere mano al foglio di stile.
Nessun problema. Il tema me lo sono fatto io da zero, assieme ad alcuni 
plugin che uso, quindi il css e` il minore dei problemi. :)
Bye.

 css che gli passo per il preview.
A questo punto non fai prima a personalizzarti il seplice js-quicktags ?
Mi pare che ci sia in wordpress, altrimenti lo scarichi da qui:
http://alexking.org/projects/js-quicktags
Per inserire qualche tag va benissimo, devi implementare la preview
però..
Ciao.
-- 
*** Linux user # 198661 ---_ ICQ 33500725 ***
    ***  Home  
http://www.kailed.net
  ***
        ***  Powered by openSUSE  ***

 piu` a quello che voglio io.
Riguardo WYM, non so se hai visto, ma nell'ultima versione di FCK hanno
integrato lo stesso sistema visuale per i blocchi e gli altri elementi. :)


 :)
Non seguo molto la "scena" degli editor js. :)
Grazie per l'info, approfondiro` anche questo.
Mi tengo come "sfida personale" l'integrazione di wym, che, tra l'altro, 
e` leggerissimo e si basa su jquery, gia` presente in wordpress.
Bye.

 benissimo, devi implementare la preview però..
Eh, la preview (o meglio, il wysiwyg) e` la parte piu` complicata di 
questi editor. Da quel che ho capito, ogni browser e` leggermente diverso 
dagli altri nella gestione.
Lo so, sono molto esigente. :)
Bye.

 e` leggerissimo e si basa su jquery, gia` presente in wordpress.
Relativamente a jquery ho visto di sfuggita che qualcosa si sta muovendo
anche in questo senso, ma è ancora presto.
Quanto al discorso editor, per alcuni utilizzi li trovo pratici (specie
dando in consegna a clienti finali la gestione dei contenuti), ma non so
se si riuscirà mai ad arrivare ad una reale integrazione con la piattaforma
che usi senza dover fare una grossa personalizzazione del codice.
O almeno dei connettori.
Forse con JSON si potrebbe arrivare ad ottenere maggiore integrazione.
Magari parlo da profano e ho detto una cazzata... tu che dici? :)


 Magari parlo da profano e ho detto una cazzata... tu che dici? :)
No, nessuna cazzata. L'argomento e` un po' complicato perche` non c'e` un 
vero e proprio standard.
Per me l'editor ideale sarebbe quello a cui do` in pasto un css fatto 
cosi`:
p.caption { ... }
p.body { ... }
.left { ... }
.right { ... }
.bordered { ... }
E, se sono dentro un <p> mi permette di assegnare ognuno di quegli stili, 
mentre se sono in una <img>, per esempio, mi mostra solo gli ultimi 3.
Inoltre dovrebbe permettere di selezionare una lista di tag da applicare a 
un paragrafo (h1...h6, p, blockquote). E, visto il mio problema, 
dovrebbero distinguere in qualche modo se voglio chiudere il paragrafo o 
semplicemente andare a capo (per esempio con enter il primo e con ctrl-
enter il secondo), e, se sono dentro un <p>, mettere un <br> al posto di 
un </p>, mentre se sono in un <pre> mettere solo un ritorno a capo.
Quasi tutti gli editor, oggi, vanno nella direzione opposta, mettendo in 
primo piano il font, il bold, l'italic e l'underline, per assomigliare 
piu` possibile a Word.
Gia` qui si delinea una difficolta` di integrazione che vada bene per 
tutti. :)
Probabilmente, come proponi, la cosa migliore sarebbe una soluzione 
integrata client/server (e torniamo anche in-topic): un editor che 
all'avvio sul client prenda la config e i parametri di config dal server, 
dove uno script gli passa al volo (AJAX con JSON o XML) la disposizione 
dei tasti, gli stili da usare e da mostrare, ecc.
Bye.

 integrata client/server (e torniamo anche in-topic): un editor che 
Te la immagini una integrazione fatta bene con... che ne so... uno
Zend Framework? ;)


 Framework? ;)
Ci stavo pensando appunto mentre scrivevo quelle righe, poi mi sono 
fermato a pensare a tutte le altre cose che ho in sospeso, anche perche` 
non conosco tanto bene js da mettermi a fare una cosa cosi` impegnativa.
Ma un giorno, chissa` (se non lo fa prima qualcun'altro ;)
Bye.