Guida a TinyMCE
Sviluppo Siti Thursday 17 January 2008 alle 20:37
Avevo già parlato di TinyMCE (l’editor HTML utilizzato anche da WordPress) nel post di confronto tra editor WYSIWYG con un altro editor potente e funzionale (FCKeditor), ma tra i commenti di quel post, Pino mi ha fatto notare che guide in italiano all’installazione di questo comodo tool per lo sviluppo web non ce ne sono, e se ci sono sono ben nascoste. Ecco spiegato il perchè di questa semplice guida passo passo all’installazione di quello che, a mio parere, è l’editor WYSIWYG migliore: TinyMCE di Moxiecode.
TinyMCE: cos’è?
Giusto per dare una forma completa questo post, voglio enunciare, a chi non è nel settore, cos’è questo TinyMCE di cui in questo post cerco di farne una piccola guida all’installazione. Il primo paragrafo del sito del produttore Moxiecode, recita:
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.
TinyMCE è una piattaforma web per l’editing HTML con controlli WYSIWYG indipendente scritta in Javascript e rilasciata con licenza Open Source sotto LGPL da Moxiecode Systems AB. Ha l’abilità di convertire i campi HTML TEXTAREA o altri elementi HTML in istanze di editor. TinyMCE è veramente semplice da integrare nei Content Management Systems (Sistemi di Gestione del Contenuto).
In poche parole vi permette di ottenere quello che vedete qui in immagine:
Scarica TinyMCE (download)
TinyMCE si può scaricare come archivio compresso direttamente dalla sezione download del sito Moxiecode. Le versioni scaricabili sono quasi sempre due distinte, una RC (Release Candidate) ed una versione stabile (Stable – oggi la versione 2.1.3). La differenza è che la versione in Release Candidate è quasi definitiva, in attesa delle ultime correzioni da parte del gruppo di sviluppatori (una sorta di fine del beta-testing).
Le versioni TAR GZip e ZIP corrispondono a differenti sistemi di compressione: se non sapete quale dei due scaricare, scaricate la vesione ZIP.
Oltre al download del pacchetto dell’applicativo vi sono anche i pacchetti di compressione GZip per rendere più veloce lo scaricamento e la conseguente apertura dell’editor HTML. Questo pacchetto di compressione in molti casi, se presente, va disabilitato perchè genera un errore tipo “realTinyMCE is not defined“.
Aggiungere TinyMCE ad un sito (installazione)
L’integrazione di TinyMCE in un sito web è, come detto da Moxiecode, decisamente semplice. Dopo aver scaricato l’archivio contentente la piattaforma e la sua documentazione, estraete solamente la cartella “tiny_mce” contenuta in “tinymce/jscripts/” e salvatela nella root (cartella di base) del vostro sito.
A questo punto inserite questa stringa nell’instestazione delle pagine prima del tag </head>:
... <script src="tiny_mce/tiny_mce.js" language="javascript" type="text/javascript"> </script> <script language="javascript" type="text/javascript"> tinyMCE.init({ mode : "textareas" }); </script>
L’integrazione, con l’aggiunta di queste semplici righe di codice, è già finita: passiamo ora alle personalizzazioni del tool.
Configurazione di TinyMCE
Lo spaccato di codice inserito nella sezione di installazione va ad inizializzare l’editor WYSIWYG su tutti i campi <textarea> presenti nella pagina (mode : "textareas"): altre opzioni per il parametro mode sono specific_textareas che converte solo le textarea con un trigger impostato su true, exact che converte solo una determinata textarea o div e none che non converte nulla (utile se si imposta un pulsante per l’attivazione dello script).
Dopo la “modalità di integrazione”, molto importante è la gestione delle toolbar con i pulsanti, anch’esse molto semplici da gestire. E’ infatti questa la sezione necessaria per personalizzare tinyMCE.
Esistono due differenti profili (themes – temi) per la configurazione dei pulsanti: simple e advanced. La versione semplice non prevede modifiche ai pulsanti e integra di base i pulsanti più comuni e importanti quali grassetto (bold), corsivo (italic) e sottolineato (underline) insieme agli elenchi puntati/numerati e la gestione dei links.
La versione advanced, invece, permette una configurazione molto più ampia. Consiglio, per comodità, di utilizzarla e impostare manualmente solo i “pulsanti” interessati attraverso questo script di configurazione (non mettendo nulla non viene visualizzata l’intera riga di pulsanti, vedi theme_advanced_buttons3):
tinyMCE.init({
...
theme : "advanced",theme_advanced_buttons1 : "inserttime,preview,zoom,separator,forecolor",
theme_advanced_buttons2 : "bullist,numlist,separator,outdent,indent,separator",
theme_advanced_buttons3 : ""
});Vi è poi la possibilità di gestire anche i così detti plug-in in grado di rendere completamente personalizzato l’editor WYSIWYG (TinyMCE ne ha davvero molti) ma, la mia piccola guida diventerebbe un libro. Se avete dubbi o perplessità non esistate a chiedere informazioni, sono qui per questo! 
18 January 2008 alle 10:08
grazie Simone per la tempestività della risposta
provo subito questi suggerimenti.
Ma ho già una domanda:
ho notato che tinymce “forza” il carattere della textarea (peraltro molto piccolo)
dove si può personalizzare il layout della textarea?
E ancora:
la barra dei pulsanti appare “sotto” la textarea e quando hai due textaree l’utente può essere indotto in confusione.
E’ possibile mettere la barra dei pulsanti sopra la textarea?
grazie ancora
Pino
18 January 2008 alle 11:49
sto giocando con i parametri che ho copiato da example_full.htm
e ho visto che mettendo
la barra si sposta sopra la textarea.
posso fare qualche altra domanda?
E’ normale che il pulsante url sia disattivato sino a quando non si seleziona qualche parola?
Una volta aperta la finestra per inserire l’url digitando sul pulsantino “cartella” viene mostrato il messaggio:
Come posso correggere l’errore?
(Analogo errore ovviamente se si vuole inserire una immagine)
18 January 2008 alle 23:01
Bellissime queste domande!
Si, il pulsante link è normale così. Gli sviluppatori hanno previsto una sorta di “prima scrivi, poi aggiungi i link”.
Ho provato a scatenare questo errore, senza successo: riesci a darmi qualche dettaglio in più?
Se hai ulteriori problemi scrivimi pure qui così scrivo la “parte 2″!
19 January 2008 alle 13:50
prova tu stesso qui
dove ho preparato una pagina per il test
19 January 2008 alle 15:22
Fantastico! Funziona benissimo… L’ideale per sostituire BBCode! La personalizzazione non è proprio semplicissima, ma credo che una semplice lettura del wiki possa risolvere il problema!
19 January 2008 alle 15:35
Però avrei una domanda… Quando inserisco un’immagine devo per forza scrivere l’url completo o posso fare in modo di avere una lista di immagini già caricata?
Leggendo questa pagina del wiki sembra possibile, ma se imposto un percorso non mi visualizza niente… Puoi darmi una mano?
19 January 2008 alle 17:58
@ Marco
Si, puoi “precaricare” i nomi delle immagini, ma devi farlo attraverso una pagina di script “esterno”.
Devi richiamare la pagina che crea l’elenco
tinyMCE.init({
...
external_image_list_url : "myFileList.php"
});
facendo ritornare un’elenco così formattato
var tinyMCEImageList = new Array(
// Name, URL
["Logo 1", "logo.jpg"],
["Logo 2 Over", "logo_over.jpg"]
);
19 January 2008 alle 21:46
Quindi ogni volta che aggiungo un’immagine devo modificare il file? Non c’è uno script o qualcosa di simile che possa farlo in automatico?
19 January 2008 alle 21:56
No, no! Mi sono spiegato male!
Il file “myFileList.php” essendo dinamico (server side) può andare a leggere sull’HD tutti i file contenuti in una o più cartelle creando la lista. Certo, il file non avrà una “label” molto chiara (userai il nome stesso del file), ma il risultato è sicuramente qualcosa di comodo.
20 January 2008 alle 10:42
Ciao Simone
hai fatto la prova qui per quanto riguarda l’inserimento di un url?
Ritengo che devo personalizzare qualcosa, ma non riesco a capire bene cosa?
Un altra domanda (ormai ci sto prendendo gusto
:
dove si personalizza il font di default?
bye
Pino
20 January 2008 alle 13:38
@ Pino
Non capisco bene cosa intendi con “personalizzazioni dell’URL”: ho provato a dare un’occhiata alla pagina da te creata; vedo che hai aggiunto alla lista “Immagini” che linka il tuo sito.
Se vuoi togliere il “browse” devi eliminare il plugin “advlink”, ti verrà così eliminata una riga dalla finestra di inserimento dei links…
Per la personalizzazione, apri il file “tinymce\jscripts\tiny_mce\themes\advanced\css\editor_content.css” e imposta nel body le impostazioni di font che preferisci. Attenzione: si riferiscono però solo al font in visualizzazione scrittura, non applicano stili dopo il salvataggio.
20 January 2008 alle 21:30
Non sono stato molto chiaro, provo a spiegarmi meglio.
Questo esempio che ho preparato è fatto di due pagine la ins1 e la ins2.
La ins2 l’ho messa solo per visualizzare il risultato,
quindi non considerare la “mia” funzione sfoglia.
Nella prima pagina ins1
scrivo qualcosa
lo seleziono
e clicco sul pulsante “inserisci o modifica link”
Viene aperta una finestra dove il primo rigo è
“URL del collegamento”
accanto c’è l’icona cartelle
Ecco cliccando su questa icona mi compare il messaggio;
Prova anche tu
a presto
Pino
21 January 2008 alle 0:06
Anche in questo caso, l’icona con le cartelle e la funzione fileBrowserCallBack servono esclusivamente se vuoi personalizzare tutto attraverso un “gestore” di links (o qualcosa di simile) creato ad hoc dalla tua programmazione.
In caso contrario, ti consiglio di eliminare il plugin advlink evitando così di mostrare il pulsantino a lato.
21 January 2008 alle 10:55
Ero convinto che quel pulsantino mi permetteva l’inserimento dell’url attraverso la navigazione.
Analogo ragionamento faccio per quanto riguarda l’inserimento di una immagine (che io avevo già risolto con una funzione di sfoglia su una mia cartella-che risolve il problema richiesto da marcoverga-)
Mi illudevo che queste due funzioni di tinymce permettessero appunto uno sfoglia su cartelle o sul web.
Sembra che non sia così.
Ancora una cosa (ormai una tira l’altra
è possibile co0n tinymce inserire un file pdf?
bye
Pino
22 January 2008 alle 0:36
Si, è possibile, ma il problema è sempre lo stesso: l’upload dei documenti (immagini o file che siano). Come puoi leggere dall’ultimo post sull’upload di immagini e documenti con TinyMCE che ho scritto, i modi ci sono, ma non sono immediatissimi…
30 January 2008 alle 13:59
Io invece sto impazzendo per il codice che tinymce aggiunge con un “incolla” da un semplice editor di testo alla textarea utilizzata. Lo risolvo con ill Plugin “paste_auto_cleanup_on_paste” ma poi non mi converte automaticmante i cambi di paragrafi.
Hai qualche suggerimento??
30 January 2008 alle 21:58
TinyMCE non ti inserisce automaticamente i paragrafi? Mi sembra parecchio strana come cosa, soprattutto perchè mi era capitata una applicazione in cui non li volevo e ricordo che toglierli mi era risultato difficile…
26 February 2008 alle 23:07
Ciao a tutti,sono alle prime armi con tinymce,son riuscito a metterlo sul mio sito.
In pratica ho una pagina php dove scrivo quello che deve apparire in un altra pagina php!Il testo viene modificato di volta in volta su un file txt!
Il problema è che il testo non riceve tutte le formattazioni che gli do!
Da quello che ho provato
grassetto si
corsivo si
giustificazioni no
colore carattere no
dimensione no
stile no
Qualcuno saprebbe dirmi come mai alcune cose vanno e altre no??A me non servirebbero poi tantissime opzioni!Diciamo colore,dimensione,stile,e varie giustificazioni!
Ringrazio chiunque possa aiutarmi!
28 February 2008 alle 18:52
ciao
ecco alcune domande:
1. la zona text dell’editor (tinymce) è completamente fuori, cioè non riesco ad inserire i contenuti perchè non vedo il cursore. Se utilizzo i tasti invio e barra spaziatrice per molti clik, ricompare il cursore e una tabella che non si cancella. Insomma deduco che il centro pagina è spostao tutto in alto a sinitra e non so come fare. Questo compare solo su firefox mentre è tutto a posto su explorer.
2. Non riesco a modificare l’interlinea tra le righe di testo che è troppo alta.
3. dove trovo l’html dell’editor tiny per le modifiche?
(non sono esperta e si capisce, ma lavoro)
Grazie infinite
Emi
7 March 2008 alle 17:57
Ciao come faccio ad utilizzare la lingua italiana?
7 March 2008 alle 18:09
Inoltre è possibile fare in modo che con l’inserimento delle immagini si riesca ad avere il ridimensionamento in proporzione?
8 March 2008 alle 12:48
Scusatemi per l’enorme ritardo, ma come da ultimo post ero in ferie. Rientro davvero difficile, lo ammetto: provo comunque a rispondere a tutti.
@ Salvo:
Prima di salvare i dati sul file di testo, prova semplicemente a visualizzarli sulla pagina successiva richiamandoli, qualcosa tipo
per vedere se ottieni lo stesso “malfunzionamento”.
@ Emi:
Crea una pagina con HTML con SOLO il form con l’editor di testo, senza altri contenuti HTML e vedi se tutto funziona. In questo caso, il problema lo hai nel resto del codice (magari hai dimenticato di chiudere qualche tag).
Il file CSS per le modifiche grafiche lo trovi seguendo il percorso “tinymce\jscripts\tiny_mce\themes\advanced\css\editor_content.css”
@ Aldo:
Per configurare la lingua in italiano devi, dopo aver scaricato il pacchetto della lingua all’indirizzo http://services.moxiecode.com/i18n/ e scaricare la lingua desiderata.
Poi dovrai inserire tra le dichiarazioni delle proprietà la riga con le informazioni di language:
20 March 2008 alle 0:06
Ciao Simone, volevo chiedereil tuo aiuto per una cosa che mi sta facendo impazzire….
ho scaricato tinymce 3_0_5 e volevo attivarla con drupal 6.0
ho caricato tutto nellla sottocartella modules ma quando vado ad attivare il modulo non c’è cosa sbaglio?
scusami ma sono all’inizio con drupal
grazie
20 March 2008 alle 14:31
Devi usare il modulo apposta per Drupal che trovi qui: http://drupal.org/project/tinymce
Buona continuazione!
27 March 2008 alle 12:03
Ciao Simone, ho questo grande dilemma…io devo fare 1/2 pagine di news aggiornabile dal cliente e non voglio inserire un CMS solo per 1/2 pagine…pensi che TinyMCE sia la soluzione?
posso far aggiornare i testi e le foto delle pagine direttamente da cliente ad esempio da http://www.nomesito.com/aggiornamento ? mi serve un DB? grazie
27 March 2008 alle 13:33
Ciao Christian, grazie per avermi contattato!
Non devi utilizzare necessariamente un completo CMS già pronto, ma devi comunque creare almeno una pagina per l’editing da lasciare protetta e visibile solo al tuo cliente.
Poi puoi scegliere se salvare tutto in un file di testo (tipo *.txt) oppure andare a salvare i dati in un DB. Per quanto riguarda le immagini devi inserire anche un tool di upload, sempre abbastanza “scomodo” rispetto a contenuti solo testuali.
Fammi sapere.
27 March 2008 alle 14:54
Si diciamo che mi andrebbe bene anche un file .txt o db indifferente a seconda del cliente, ma non mi è chiaro come devo settare il tutto. Ho installato TinyMCE sul mio dominio e lo vedo, quindi penso che debba solamente renderlo sicuro con user e pass per accedervi, ok, ma come setto la pagina delle news che deve aggiornarsi?
grazie
27 March 2008 alle 18:13
Perdonami, forse non hai capito: devi creare una pagina news che deve essere dinamica, ovvero php, asp o jsp in grado di leggere il contenuto di uno o più file di testo (o DB).
A quel punto avrai una cartella “nascosta” tipo quella che tu chiami http://www.nomesito.com/aggiornamento/ che conterrà anche solo una pagina, sempre dinamica, in grado di generare o scrivere nel/nei file *.txt o i inserire record nei database che le pagine news dovranno leggere e mostrare.
L’editor TinyMCE, a sua volta, andrà inserito proprio nella pagina appena descritta, quella che salva il testo in un file *.txt o all’interno del database.
L’editor TinyMCE è solo un metodo comodo per formattare il testo e non è in grado da solo di scrivere alcunchè sul server.
27 March 2008 alle 18:16
ok , a me manca proprio l’informazione di come far scrivere alla pagina il file txt e di conseguenza agganciare TinyMCE
27 March 2008 alle 19:56
Sai programmare per il web? Sai programmare in PHP, ASP o JSP? Altrimenti mi è un po’ difficile spiegarti come fare. Potrei fartelo io, ma commentare un blog è sempre semplice e rapido, programmare un po’ più difficile, soprattutto se il tutto va venduto…
27 March 2008 alle 23:07
No sono un grafico e mi raccapezzo con degli script in php che trovo via web, pensavo che scaricando TinyMCE ci fosse già un’esempio di come legarlo ai file di testo…no problem grazie intanto per il chiarimento, semmai ti contattero in maniera ufficiale per un piccolo preventivo :O)
28 March 2008 alle 1:51
Volentieri! Un bene sapere che anche un grafico ha toccato il mio blog: si sa mai che ci si possa scambiare qualche favore!
28 March 2008 alle 12:24
Ciao,
ho inserito in una pagina l’editor TinyMCE e vorrei che il contenuto, correttamente formattato mi venisse mostrato in un altra pagina (per esempio: mostratesto.php)
In mostratesto.php ho inserito il seguente codice:
Ma viene rispettata solo la formattazione quale grassetto, corsivo, sottolineato, mentre ignorati i cambi di colore, carattere ecc ecc…
Come devo fare per avere un “output” che rispecchi quello che ho inserito nell’editor?
Grazie!
28 March 2008 alle 12:36
Ciao Stefano, ti mando una email perchè così non vedo il codice che hai creato (probabilmente hai usato anche i tag PHP)…
28 March 2008 alle 15:39
se tento di inserire un link o uno stile di colore o un font non mi prende gli url ed il codice e mi restituisce questo nel codice o similare non capisco i “\\\\”
5 April 2008 alle 19:08
Ho pubblicato un nuovo articolo per risolvere i problemi di formattazione incontrati da Christian e Stefano.
9 May 2008 alle 7:33
Salve, io ho lo stesso problema di Christian (27 Marzo 2008 ore 12:03). Vorrei realizzare pagine modificabili dall’utente ma non ho competenze serie in materia di programmazione web. Esiste una guida completa di Tinymce?. Mi basterebbe sapere come creare in locale la pagina “dump” ed eventualmene salvare i dati su un DB.
10 May 2008 alle 11:22
Ciao Ignazio, prova così:
- crea la pagina index.php con un form, in metodo (method) POST indirizzato (action) alla pagina save.php
- crea la pagina save.php che richiama con < ?=$_POST['nome-campo']?> tutti i campi del form: questi verranno automaticamente stampati a video
Se poi avrai bisogno di salvare i dati su un DB, il funzionamento è simile e la pagina save.php dovrà contenere le istruzioni per eseguire la query sulla base di dati.
Buon week end.
18 May 2008 alle 17:22
Ciao ragazzi,
avrei bisogno un consiglio su come aggiungere una funzione a TynyMCE…ho aggiunto un bottone copy e l’ho chiamato copy2 e nel template gli ho modificato la gif per distinguerlo graficamente. Adesso dovrei aggiungere una funzione al copy2 che oltre che copiare negli appunti il testo selezionato mi apri una finestra (window.open) e mi incolli il testo in una textarea… è possibilile???
19 May 2008 alle 0:32
Ciao. Vorrei creare una specie di enciclopedia, da poter aggiornare rapidamente con questa utilità.
Il problema è che per prova ho inserito l’editor su una pagina che sarà riservata, ma non capisco come fare per salvare i dati su un altra pagina che sarà visibile a tutti.
Potrei avere qualche consiglio a riguardo?
Grazie
19 May 2008 alle 20:52
@ Alby: per fare quanto dici devi andare a lavorare direttamente nel codice di TinyMCE, nel file tiny_mce_src.js.
@ Ronnie: segui i consigli che davo ad Ignazio per gestire l’area di editing, quella di scrittura e salvataggio, e crea una ulteriore pagina che legga da DB (o da file) le informazioni salvate per renderle visibile all’utente.
20 May 2008 alle 19:51
Ciao. Sono abbastanza pratico di html e css, ma per quel che riguarda la programmazione, so ben poco.
Potresti darmi qualche dritta su come generare uno script che mi stampi e mi salvi su una pagina visibile dall’ utente il prodotto dell’editor.
Ho letto quanto hai scritto sopra ma aimè non mi è sufficente per andare avanti.
Ho creato una prova a questo indirizzo:
Link
Grazie.
21 May 2008 alle 10:54
Dura se poco sai di programmazione, ma vedo di venirti incontro. La pagina PHP he hai creato è quella che riceve le informazioni (corretto), ma oltre a riceverle deve salvarle in qualche modo, o scrivendo un file o aggiungendo un record al database.
Spero che le guide su PHP che ti ho linkato possano darti una mano.
21 May 2008 alle 13:14
Ciao,sono riuscito a modificare tiny_mce.js e ho creato un nuovo bottone che copia il testo lo include all’interno di parentesi e mi apre una window proprio come volevo…però ho un’altro problema…dovrei taggare il testo tra parentesi con il tag hidden…qual’è il file che in base ai bottoni tipo Bold inserisce i tag nell’html editor???
26 May 2008 alle 15:52
Ciao e complimenti per la guida
Volevo sapere se c’era una pagina dove si potessero vedere tutti i tags da inserire nella (come x es: mode : “textareas”)
grazie
26 May 2008 alle 16:05
Beh, un vero elenco no, ma trovi tutto sulla guida ufficiale http://wiki.moxiecode.com/index.php/Main_Page
Buon divertimento!
12 June 2008 alle 20:45
Salve a tutti, ho letto tutto ma non credo che ci sia già una risposta alla mia domanda.
Riassumendo, vorrei che all’apertura dell’editor, la TEXTAREA fosse gia popolata da una tabella precedentemente formattata
E’ possibile farlo?
ci ho provato e riprovato… ma niente
vi ringrazio anticipatamente
12 June 2008 alle 20:54
Ciao Domenico,
inserendo semplicemente tra i tag >textarea< la tua tabella formattata non funziona?
12 June 2008 alle 22:52
ma in quale file?
12 June 2008 alle 23:00
Beh, dove richiami la textarea:
<textarea>
CONTENUTO / TABELLA
</textarea>
12 June 2008 alle 23:19
io uso TinyMCE su Joomla
nella cartella Plugin di Joomla ci sono gli editor e quello standard è il tiny
ora, quando creo un nuovo articolo, vorrei che l’area di testo dell’editor contenesse gia una tabella che ho preparato
il problema è che sotto la cartella tinymce ci sono una miriade di file
in quali di questi devo mettere la tabella?
12 June 2008 alle 23:32
Ahhhh…così sei più chiaro!!! No, devi inserirlo nella pagina di scrittura dell’articolo (che non so quale sia non usando Joomla).
Spero di esserti stato un pochino più d’aiuto!
12 June 2008 alle 23:35
grazie, ci provo…
13 June 2008 alle 23:04
RIUSCITO !!!
grazie
Comunque ora dovrei fare in modo che mi inserisce la tabella solo per un nuovo articolo, perchè attualmente la inserisce anche quando edito un articolo già salvato…
13 June 2008 alle 23:18
Penso che tutto verrà gestito tramite una variabile: riusa la variabile, dichiarando qualcosa tipo
SE( variabile == true ) ALLORA scrivi_tabella
Che dici?
14 June 2008 alle 0:33
tutto fatto funziona a meraviglia!
grazie mille !!!
ciao, domenico
26 June 2008 alle 16:11
Ciao,
ho la necessità di inserire un campo nascosto oltre al testo….in tiny_mce.js ho inserito in valid element input[type|id|name], ho inserito un bottone che alla pressione prende il testo selezionato e lo inserisce tra due tag hidden… il problema è che l’editor mi visualizza il tag hidden con un campo di testo….
26 June 2008 alle 23:27
Ciao Alby, ammetto di non aver bene capito qual’è il tuo problema, e un’idea è quella che tu abbia poco chiaro come si crea il campo nascosto.
Parli di “due tag hidden”…
Il tag per un input nascosto è
<input type="hidden" name="NOME" id="ID" value="VALORE" />30 June 2008 alle 11:27
ciao, ho un problema con tinyMCE; nella stessa pagina ho un pulsante “copia” che dovrebbe caricare nella textarea un testo formattato. se fosse una semplice textarea scriverei in javascript document.frmTesto.testo.value = “ciao miao”; mentre in una textarea tinyMCE come posso fare? grazie dell’aiuto. Roberto.
10 July 2008 alle 15:17
Simone,
scusami, non riesco a installare il pack italiano di tinyMCE. Ho scaricato il file it.xml, l’ho messo nella directory root di tinymce e ho aggiunto la stringa language = “it” in tinyMCE.init. Ovviamente NON funziona perchè, credo, lui cerca il file it.js. Come lo creo e/o genero?.
Grazie mille
mario
10 July 2008 alle 20:46
Ciao Mario,
benvenuto! Non capivo la procedura del tuo errore, fino a che, casualmente, ho capito. Per scaricare il language pack italiano, NON devi cliccare su [XML], ma selezionare la checkbox sul lato sinistro e premere Download a fondo pagina!
Ecco svelato l’arcano.
Buona localizzazione!
11 July 2008 alle 8:37
Simone,
tutto OK. Grazie
mario
15 September 2008 alle 16:50
Ciao,
domanda stupida… : Ma per inserire la modalità “advanced” dove devo agire ?
Di default mi si inserisce in automatico la ” simple”
Grazie er la risposta
15 September 2008 alle 17:38
Devi aggiungere il codice
theme : "advanced"nella dichiarazione di TinyMCE, insomma, dopotinyMCE.init.28 September 2008 alle 1:30
ciao,una domanda al volo.. è possibile avere una texarea di una sola riga con tinymce? inoltre come posso limitare i caratteri immessi (es: maxlength)?
28 September 2008 alle 13:02
Ciao Sergio,
per ora ti posso solo rimandare a questa discussione del forum di TinyMCE, dove si discute per riuscire a limitare i caratteri della textarea inserendoci anche un piccolo contatore di caratteri.
Se riuscirò ad avere un po’ di tempo per guardare anche questo codice, ti aggiornerò!
23 October 2008 alle 17:28
Ciao! Innanzitutto complimenti per l’articolo.
E’ da poco che mi imbatto con la personalizzazione di questo bellissimo editor. Vorrei sapere una cosa:
Sto creando diverse pagine per il mio sito e ad ogni pagina vorrei assegnare una diversa configurazione di funzionalità per l’editor disabilitando per ogni pagina alcuni comandi dalla barra. Ad esempio nella prima pagina vorrei un editor che consentisse solo l’uso del “bold” e dell’ italic e disabilitare tutti gli altri; nella seconda pagina abilitare tutto e così via.
Ho pensato di creare un file (personalizzato) parallelo a tiny_mce.js per ogni “istanza” di editor, e richiamare un file a seconda delle funzionalità, ma non funziona!
Qualcuno ha un idea di come si possa fare?
Vi ringrazio in anticipo!
23 October 2008 alle 17:50
Ciao Carlo, semplificati decisamente la vita: usa le opzioni di personalizzazione e configurazione all’interno della pagina, tra i tag HEAD.
Eviti di dover duplicare e fare strane modifiche ai file di TinyMCE e ottieni quanto devi fare.
23 October 2008 alle 17:56
Grazie per la risposta!
Ho trovato una funzione interessantissima nella funzione di inizializzazione dell’editor:
theme_advanced_disable
che disabilita direttamente l’elenco dei bottoni specificati come argomento!
Ora.. Come faccio ad eliminare una delle 3 barre dato che mi rimangono vuote (quando disabilito tutti i pulsanti di una barra)?
23 October 2008 alle 18:02
Scusami se mi sto rispondendo da solo ma ho trovato la soluzione:
theme_advanced_buttons2 : “”,
per disabilitare la barra N°2..
Grazie comunque e speriamo serva a qualcuno!
14 November 2008 alle 14:42
ciao, volevo chiederti perchè non riesco a installare il language_pack italiano di tiny.In pratica, prendo il contenuto del pacchetto che scarico e le tre cartelle che vengono fuori le copio in tinymce/tinymce/jscripts/tiny_mce, dove gia c’erano le cartelle con la versione inglese. Quindi provo dal mio cms Drupal 6.6 a prendere la lingua italiana dell’editor e nel momento in cui lo provo i tasti hannoun linguaggio strano del tipo:
il tasto taglia –> advanced.cut_descù
dove sbaglio???
6 February 2009 alle 17:21
ciao avrei un problema, ho scaricato da poco TINYMCE e dopo averlo integrato con il mio sito non riesco a caricare le immagini.
Andando su Insert Image mi mostra sempre le immagini contenute nella cartella MEDIA, ho provato a modificare la lista delle immagini inserrendone qualcuna nel file image_list.jsp ma mi continua a visualizzare le due immagini di default(logo.jpg,logo_over.jpg), creando un file differente .php cosa dovrei scriverci dentro?no esiste un’altra soluzione senza caricare un file esterno?
grazie.
6 February 2009 alle 21:20
Ciao Fabio,
mi spiace doverti dare una brutta informazione: i creatori di TinyMCE hanno creato un software per la gestione delle immagini complementare con TinyMCE, ma questo è un prodotto a pagamento.
Per maggiori informazioni riguardo al tuo problema, leggi come fare upload di immagini e documenti con TinyMCE.
5 March 2009 alle 20:06
Ciao Simone,
ho riscontrato un problema con il tiny quando lo uso con explorer in pagine dinamiche. Mi spiego meglio: ho una pagina (page.php) che si apre con un tiny dinamico sempre diverso in base ad un parametro url che gli passo. Il fatto è che, mentre con chrome e firefox tutto fila liscio, con explorer l’editor si vede una volta si e tre no…Ho provato ad usare anche il compressor php, ma nulla da fare. Ti è mai capitata una cosa simile?. Se ti serve il codice dimmi dove posso postarlo. Grazie in anticipo.
6 March 2009 alle 11:37
Ho risolto! Pubblico la soluzione perchè potrebbe essere utile anche ad altri. Il problema dei browser explorer 6 e 7 è che non sempre rileggono l’head di una pagina già visualizzata in precedenza (esattamente il mio caso con page.php dinamico). Io avevo inserito lo script del tiny proprio nell’head, per cui a volte lo vedevo, altre no. Mi è bastato spostarlo nel body e tutto si è risolto. Bella storia!
6 March 2009 alle 18:53
Ho un problema, devo utilizzare l’editor all’interno di un popup che permette di inviare delle mail. Il testo delle mail però deve poter essere scritto sia in HTML che in formato testo per cui ho bisogno di cambiare al volo il contenuto dell’editor togliendo i tag HTML.
Ho provato le seguenti cose:
1) il reload delle pagina togliendo il nome della textarea dalla lista element (mode : “exact”, elements : “”,) ma in questo modo vedo la textarea semplice ma il testo è con i tag.
2) cambiare il contenuto della textarea con le funzioni text = tinyMCE.get(‘txtArticle1′).selection.getContent({format : ‘text’}); tinyMCE.execCommand(‘mceReplaceContent’,false,text); ma a parte che prima devo solezionare tutto il testo dell’editor (che già non capisco come si fa) e poi non ottengo il codice senza html.
qualche suggerimento?
grazie, Alessia
12 March 2009 alle 20:36
ciao Simone,
secondo te è possibile invertire il funzionamento dei tasti invio e shift+invio. Avrei bisogno che il tasto invio inserisca un mentre shift+invio un .
grazie, Alessia
23 March 2009 alle 17:31
Salve a tutti, avrei bisogno di una vostra mano! Non riesco a caricare file che non siano immagini. File del tipo(pdf, xls,doc, etc..). Come potrei risolvere il problema? Diciamo che per aggirare il tutto potrei utilizzare anche una funzione che ho già scritto e farla girare esternamente al programma, ma vorrei sapere se è possibile o meno uploadare file testuali direttamente da tiny mce. Grazie
17 April 2009 alle 13:48
salve a tutti ho un problema con la letture della textarea…
io la leggo con metodo post in php ke però nn mi viene caricato nulla nella variabile… cm posso risolverlo???
30 April 2009 alle 11:31
ciao so cercando di usare l’opzione specific_textareas però non vorrei vedere la barra nelle text area readonly.
per farlo ho usato l’opzione dell’init editor_deselector
e la editor_selector solo che mette e toglie la barra anche dove non volgio sapete aiutarmi?
17 May 2009 alle 17:02
Salve, ho una domanda. Se io copio dentro a Tiny un testo preso da Word, questo mi prende anche i tag html rendendo poi difficile il passaggio dal file di testo in cui viene copiato al suo richiamo sul web. Esiste un modo per “ripulire” il testo al momento dell’incollaggio da Word nella textarea?
17 May 2009 alle 18:11
@ Roberto: esiste un plugin chiamato Paste from Word che fa esattamente quello che dici, rimuovendo tutti i tag che Microsoft crea all’interno del suo editor per gestire la formattazione del contenuto.
17 May 2009 alle 18:50
Ti ringrazio. Ho cercato in giro per recuperarlo ma ho trovato solo di scaricare l’ultima versione di Tiny senza capire bene come installarlo. C’è una guida in giro?
17 May 2009 alle 18:52
Gaurda se questa pagina ti è chiara.
17 May 2009 alle 19:13
Ok, grazie, mi toglie la formattazione. Un’ultima domanda sull’argomento: è possibile impostare i tag da tenere e quelli no?
18 June 2009 alle 13:33
Ciao. Sto impazzendo per cambiare la lingua di TinyMCE 3.2.4.1 . Ho seguito (ritengo ALLA LETTERA) le istruzioni del Wiki di MoxieCode ma qualunque lingua imposti nell’inizializzazione ( language : “codicelingua” ) se uso “en” tutto OK, altrimenti non funzia, nel senso che, ti faccio un esempio, se in simple mode posiziono il mouse sull’icona per il “bold” il title visualizzato è “simple.bold_desc” invece di “Grassetto (CTRL-B)” come dovrebbe essere nel caso si inizializzi la lingua a “it”. Questo succede qualunque lingua io inizializzi tra quelle dei diversi langpack che ho scaricato. Sicuramente sbaglio qualcosa nei percorsi di installazione.
Potresti aiutarmi indicandomi la procedura di installazione dei langpack in modo “step by step” con particolare attenzione ai percorsi? tieni presente che il TinyMCE si trova nella directory “/tinymce” del sito.
Ti ringrazio per l’attenzione. Ti saluto e complimenti!
20 June 2009 alle 10:32
Ciao Giuseppe!
Forse sei cascato anche tu nel tranello di quella pagina: per scaricare il language pack italiano di TinyMCE NON devi cliccare su XML, ma devi selezionare il quadratino a lato e, in fondo alla pagina, cliccare su Download.
Poi puoi seguire la procedura di installazione della lingua sul wiki.
20 June 2009 alle 11:30
Caro Simone ti ringrazio, ma il problema non era quello; infatti io facevo il download ESATTAMENET come da te suggerito.
Ma ho risolto.
Il problema è che le istruzioni sul wiki di moxiecode non sono esatte in quanto dicono di fare l’upload delle localizzazioni per i plugins in una directory che non esiste
“The third one is a bit more complicated. Enter the plugins folder. It contains several folders. This contents of the plugins folder: upload it into the folder /tinymce-advanced/mce . ”
La directory tinymce-advanced NON ESISTE nel pacchetto di TinyMCE 3.2.4.1 e io la creavo.
In realtà per installare i language pack è sufficiente COPIARE i files dei language pack stessi nelle directory corrispondenti dell’installazione di TinyMCE. Dopodichè l’inizializzazione della lingua funziona perfettamente.
Ti saluto e ti ringrazio per l’attenzione.
24 June 2009 alle 23:12
Ciao, torno a disturbarti con un questito un pochino più “tecnico” del precedente.
Per una mia piccola customizzazione ho editato il file advlink/link.htm aggiungendo ad una delle tabelle originali una mia riga con una cella con un mio brevissimo testo.
Ebbene quando uso TinyMCE e tento di inserire un link, operazione che richiama link.htm, non solo il mio breve testo non viene visualizzato ma addirittura se guardo il codice della pagina dall’interno di I.E., Firefox o Safari, l’intera riga da me aggiunta non esiste!
Ho riavviato più volte i browser e ripulito la cache degli stessi ma sembra proprio che la riga da me aggiunta “sparisca” a runtime.
Hai qualche suggerimento?
Ciao e grazie per l’attenzione.
16 July 2009 alle 0:03
Ciao, ti volevo chiedere: ho una textarea a cui ho dato un id e di cui imposto il contenuto tramite javascript: ora senza inserire tinymce riesco ad impostare il suo valore, con tinymce no! Questo è il codice:
document.getElementById(“miatextarea”).value = “”
Mi devo riferire alla textarea in altro modo?!?!
Grazie
16 July 2009 alle 19:21
Prova con
tinyMCE.get(mceId)setContent("testo da inserire")e fammi sapere!
20 July 2009 alle 16:33
Ciao, puoi spiegarmi in parole povere cosa fa questo editor(tinymce) di cui sento molto parlare?
A me servirebbe modificare del testo in una pagina web ogni volta che ne abbia necessità e magari anche delle immagini ( ma potrei evitare questa funzione se troppo complicata) che preleverei da una cartella del sito stesso
L’editor tinymce in quale passaggio mi aiuta? scrittura del testo,collegamento db o altro per poi essere prelevato nella pagina da visualizzare
Scottato da un forum, spero di non essere deluso anche qui ma non credo possa accadere…grazie 1000
27 July 2009 alle 23:54
Beh, TinyMCE è un editor What You See Is What You Get che permette di scrivere e formattare il testo in maniera molto simile all’editing a cui Microsoft con Word ci ha abituati.
Rispondendo alla tua domanda, ti può servire SOLO per facilitare la scrittura del testo, aiutandoti a formattarlo al meglio…
28 July 2009 alle 18:24
Ciao, volevo sapere se era possibile assegnare impostazioni differenti a textarea differenti nella stessa pagina.
Per esempio se io ho una textarea “titolo”, una “sottotitolo” e un’ultima “testo” vorrei dare alle prime due un mode simple e all’ultima un mode advanced. Oppure dare a tutte e tre un mode advanced ma con buttons differenti… è possibile farlo?
Ciao e grazie
30 July 2009 alle 4:34
Grazie Simone per la tua risposta, ora vorrei chiederti se non ti dispiace, sapere una volta creato del testo e formattato secondo miei parametri come posso sfruttarlo?
Posso inserirlo in una pagina web?
26 August 2009 alle 11:15
Ciao, scusa se riscrivo ma il 28 luglio avevo lasciato un commento. Te lo riporto nuovamente.
Ciao, volevo sapere se era possibile assegnare impostazioni differenti a textarea differenti nella stessa pagina.
Per esempio se io ho una textarea “titolo”, una “sottotitolo” e un’ultima “testo” vorrei dare alle prime due un mode simple e all’ultima un mode advanced. Oppure dare a tutte e tre un mode advanced ma con buttons differenti… è possibile farlo?
Ciao e grazie
27 August 2009 alle 11:47
Ciao Giancarlo, scusa per il ritardo: si, puoi farlo impostando il parametro “mode” su “exact”. Leggi il wiki qui.
31 August 2009 alle 11:42
Ciao, grazie della risposta ma non sono riuscito a capire dal wiki come devo fare. Faccio un esmpio più semplice. Mettiamo che ho solo due textarea o div (titolo e testo), la prima (titolo) deve avere solo dei buttons grassetto, corsivo ecc. mentre la seconda (testo) tutti i buttons e plugin possibili. A questo punto devo dichiarare per ogni elements buttons differenti. Come lo faccio? Puoi farmi un esempio di codice? Poiché se io metto tutti e due gli elements dichiarati e separati da virgola entrambi prendono le stesse impostazioni, giusto?
grazie e a presto
31 August 2009 alle 12:57
Giancarlo, prova con
2 September 2009 alle 11:17
Ok, funziona bene, ma solo con firefox, chrome e safari ma non con internet explore (non applica nulla a nesuna textarea). Devo dichiarare qualcosa per ie?
ciao e grazie
11 September 2009 alle 19:42
Ciao Simone, probabilmente hai molto da fare… Che per caso hai una risposta alla questione su internet explorer?
Ciao e grazie
14 September 2009 alle 22:24
No, TinyMCE è perfettamente compatibile anche con IE. L’unico dubbio che posso avere è che tu abbia chiamato due textarea con lo stesso ID. Firefox in questi casi fa andare anche le cose che sono scritte “male”. Oppure, altra cosa, potresti aver lasciato (o perso) una virgola nelle dichiarazioni di TinyMCE.
12 October 2009 alle 15:59
Ciao, Ragazzi
scusate l’utrusione
ho istallato TinyMCE Advanced versione 3…
ma la barra in wordpress non compare come segnalato da voi…
manca la parte delle tabelle…
io ho istallato il pulg per inserire le tabelle….!!!
4 December 2009 alle 14:40
Ciao Simone, ottima guida e grande la tua conoscenza del tinyMce.
Ho una domanda devo inserire un form nell’editor, il problema sorge quando tento di mettere un campo contenuto il salvataggio funzina, ma ricaricando la pagina e rimettendo tutto nell’editor si perde tutto ciò che segue la chiusura del tag interno a TinyMce.
Spero di essere stato chiaro.
16 January 2010 alle 15:23
Ciao Simone, complimenti per la guida è molto utile e sicuramente più chiara e meno dispersiva del Wiki. Volevo chiederti una piccola cosa: stò utilizzano tinymce per l’inserimento di testi variabili in un sito all’interno di un CMS che stò creando. Tutti i dati vengono salvati in un DB, e vorrei che l’output fosse “ripulito” dai vari tag doctype, html, head, body…… c’è un modo per dire alla configurazione di eliminare tutti questi tag oppure sono costretto a crearmi una funzione in php tagliare i tag che non mi servono? Grazie in anticipo per l’attenzione..
20 January 2010 alle 18:01
ma se io voglio esportarlo in file .doc posso?
21 January 2010 alle 12:11
Ciao Simone, volevo chiederti una cosa: ho notato che l’editor mette all’inizio del primo paragrafo. Se provo ad eliminare dal codice sorgente me lo rimette. Come posso fare?
27 January 2010 alle 18:09
Ciao Simone, ho trovato il tuo blog per caso, e ho già letto tutto l’articolo ed i commenti, nonostante tutto ho problemi ad inserire la lingua italiana.
Ho scaricato tutto il pacchetto della lingua, unzippato e copiato al posto dei file giusti. Dopo di che ho inserito il codice nella pagina:
tinyMCE.init({// General options
mode : "textareas",
language : "it"
theme : "advanced",
...
});
Eppure quando vado a refreshare la pagina inprovvisamente il Tiny Mce sparisce, se provo a togliere ‘language : “it”‘ ricompare.
Dove sbaglio? Perché mi sembra di aver seguito tutto alla lettera…
Grazie in anticipo.
6 February 2010 alle 2:54
ciao, scusate ma sto impazzendo, ho una pagina con un div dove carico con ajax una form che contiene delle textarea.
ho integrato tinymce e funziona tutto, infatti mi mostra tutta la textarea completa(con tinymce).
ora , quando faccio submit, recupero i dati e li salvo nel db, in formato html che ho recuperato dalla textarea in POST.
fin qui funziona tutto, una volta fatto questo, ricarico il div e voglio che mi mostri i dati appena inseriti, nel caso in cui voglia rimodificare tutto.
allora i dati ci sono, ma la textarea non è più quella di tinymce, ma la textarea classica, dove al suo interno vedo il testo appena inserito con tutti i tag (logicamente), ma non c’è verso di mantenere la textarea in tinymce.
sembra che io sia l’unico che non ci riesce, ma cavolo, ho perso due giorni per sta cosa, sareste così gentili da indicare come fare a mantenere la tinymce dopo il submit (nel mio div in ajax).
grazie
30 March 2010 alle 13:52
Ciao Simone, un aiuto anche per me.
é possibile aggiungere nuovi font al plugin?
grazie
1 April 2010 alle 15:44
Si, ma devi farlo nel “limite” dei font di sistema. Pensa che peccato darsi da fare per modificare del codice e trovare il modo di aggiungere nuovi font per poi… non vederli da nessuna parte se non sul proprio computer!!!
19 April 2010 alle 16:14
ciao, avrei bisogno di un aiuto!!!
Quando creo una tabella all’interno dell’editor il font contenuto nella tabella è più grande di di quello impostato normalmente…c’è un modo per far si che questo non avvenga?
E’ possibile inoltre impostare la larghezza massima di una tabella?
grazie mille e complimenti in quanto il tuo sito mi è stato molto d’aiuto
21 April 2010 alle 12:47
C è qualcuo che sa come configurare tinyMCPUK? in particolare non riesco a fare l’upload delle immagini. Ho dato i permessi ma credo ci sia dell’altro. Ad esempio non so in quale cartella vada a salvare le immagini???
23 April 2010 alle 22:46
ciao, ho trovato il blog per caso, ed è interessante, ho montato l’editor e diciamo che va bene…
ma la mia domanda è questa, come faccio a togliere quel fastidioso che mi inserisce in automatico quando scrivo del testo e quando vado a capo ???
26 April 2010 alle 20:27
Non importa molto la dimensione del testo all’interno dell’editor se quando visualizzi il contenuto salvato applichi uno stile attraverso l’uso dei css. Ad ogni modo, body e td utilizzano “stili differenti”. Apri il css di tinymce (qualcuno mi aveva già chiesto di questo, lo trovi tra i commenti) e personalizzali come preferisci.
Buon lavoro e scusa per il ritardo…
28 April 2010 alle 19:27
Scusate ho installato il tutto e messo la lingua italiana, ma ora quando cerco di inserire un link o un’immagine le finestre di dialogo sono piccole e devo ingrandirle
4 July 2010 alle 15:02
complimenti, ottima guida.. ho installato tutto e funziona benissimo.. ed usandolo, ma soprattutto facendolo usare nascono i quesiti.. quando inserisco un’immagine, posso fare in modo di default venga inserita ad una dimensione predefinita? questa domanda sorge perchè ho creato un piccolo spazio per organizzare le gite tra amici e quando un amico poco informatizzato crea la descrizione di una gita e vuole piazzarci un’immagine, immancabilmente non la ridimensiona quindi occupa spazi abnormi nella pagina.. se invece potessi fare in modo che l’immagine si dimenzionasse a 120px di largezza di default e poi se è piccola uno la allarga a manina.. dite che mi sono spiegato? Se può essere utile saperlo per il caricamento delle immagini uso tinybrowser..
17 July 2010 alle 19:10
Ciao!
Sto cercando di creare un’applicazione in Ruby che comprenda un editor di testo e credo che lo spunto di TinyMCE possa essere la soluzione che cercavo!
Tra le funzioni che offre non ho però trovato quella che mi serve più di tutte…un salvataggio del testo in formato Word. Ho letto un pò qua e un pò là i commenti, ma non ho tempo di farlo in modo approfondito in questi giorni…qualcuno sa se è possibile e, se sì, come?
Sono alle prime armi e non ne ho proprio idea.
Grazie in anticipo!
25 July 2010 alle 13:00
Ciao Luca. Quello di cui tu hai bisogno non è legato a TinyMCE anche se quest’ultimo ti può dare una mano.
Quanto risulta da tinymce lo puoi salvare in un db o stamparlo a video, poi necessiti di una componente / script che esegua la conversione. Purtroppo non sono a conoscenza di questi formati.
Un consiglio, se lavori su server Windows potrebbe essere quello di usare le Microsoft Office Web Components… Ma più di così non so aiutarti…
18 August 2010 alle 9:11
Ciao,
sto cercando una soluzione da aggiungere a tinymce per gestire delle fotogallery, vorrei qualcosa tipo i browser ma non funziona cone le nuove versioni, avete delle soluzioni free?
grazie
18 August 2010 alle 9:12
intendevo ibrowser
2 September 2010 alle 4:21
ciao visto che sei preparatissimo su TINYMCE mi spiegheresti come eliminare la funzione di modifica / pulizia del codice quando salva o chiude la form.
Mi spiego vorrei che il codice HTML che inserisco io sia ritenuto sempre valido senza modifiche.
ho infatti provato ad inserire ad esempio un semplice pippo
e l’edito mi ha cambiato il codice in pippo
smanettando ho inserito la funzione extended_valid_elements : “div[class|align|onmouseover|onmouseout|name]“,
ed ho risolto il problema ma subito dopo è apparso quello dell’insrirmento automatico degli <span per i font e poi quello degli url delle foto
quindi mi servirebbe sapere se c'è una funzione che faccia accettare il puro codice HTML come inserito dall'utente
Grazie e Saluti
Ivan
4 September 2010 alle 15:06
Ciao Ivan,
hai provato con
valid_elements : "*[*]"?In questo modo dovresti permettere qualsiasi cosa evitando che TinyMCE provi a sistemare il codice incollato.
11 September 2010 alle 11:31
Salve a tutti, ho un problemino con tinymce, vorrei copiare del testo da un sito web e quando lo incollo nella textarea automaticamente mi cancellasse tutte le formattazioni, normalmente sono costretto a copiare prima nel notepad e poi copiare ed incollare una seconda volta, come potrei risolvere? GRAZIE!
15 September 2010 alle 16:42
Scusate la mia domanda, ma non sono molto pratico. Io dovrei cambiare il colore delle scritte dei bottoni sotto l’editor (Immagine, pagebreak, ecc…) perchè non si leggono. Il problema è che non trovo il file da modificare. Qualcuno può aiutarmi? Grazie
21 September 2010 alle 23:48
Ciao Simone, grazie per questo bellissimo e utilissimo topic. Sto smanettando con TINYMCE e ho un problema che non riesco a risolvere. Quando scrivo un testo lo mette in automatico tra i tag – come faccio a evitare questa cosa? – grazie infinite
21 September 2010 alle 23:56
chiedo scusa, il tag e paragrafo
24 September 2010 alle 9:02
Scusa, come faccio ha controllare con javascript che il campo non sia vuoto. Grazie
20 October 2010 alle 6:10
Ciao,
sapresti dirmi come inserire il pulsante youtube nel tinymce? dovrebbe esserci un plugin ma cercando in rete non si trova una guida o spiegazioni..
Grazie
4 January 2011 alle 22:36
ho installato tinymce in phplist (lo uso per scrivere le newsletter).
Pur avendo scelto “advanced” non trovo i pulsanti dei colori e dei font.
La versione scaricata è quella attualmente disponibile sul sito (mi sembra incompleta…)
grazie
14 January 2011 alle 12:52
Avrei bisogno di un chiarimento sul funzionamento di tinyMCE. Una volta che nell’editor ho formattato il mio testo con grassetti, corsivi ecc., mi servirebbe che esso fosse salvato come stringa in una variabile alla quale accedere nel seguito dell’applicazione. Come posso fare?
24 January 2011 alle 4:23
salve, ho una pagina php dove ho l’editor e che manda in submit ad un’altra pagina tutto il contenuto del testo, provato che dando echo al $_POST della textarea il testo ritorna formattato, vorrei sapere che accorgimenti devo avere per inserire questo valore in un database mysql, siccome questo editor crea codice html, le funzioni htmlspcialchars oppure strip_tags (che uso sempre per filtrare gli input) danno fastidio? lo inserisco normalmente nel db o devo avere qualche accorgimento particolare?
8 February 2011 alle 20:21
scusate, una semplice richiesta: come faccio, tramite javascript, a cancellare tutto il testo inserito, premendo ad esempio un pulsante “cancella”?
Il testo riesco ad inserirlo tramite questo comando:
“tinyMCE.execCommand(‘mceInsertContent’,false, val)”
però me lo aggiunge a quello già presente!
A me praticamente serve sostituire il testo presente con un altro, tramite funzione javascript.
Grazie.
17 February 2011 alle 14:07
Risolto!
A chi dovesse servire, per resettare la tinymce:
tinyMCE.activeEditor.setContent(”);
15 April 2011 alle 8:52
Ciao a tutti, premetto che non sono un esperto di plone…
Avrei il bisogno di modificare l’inserimento dei link in Plone 4 con TinyMCE, nel senso che, quando vado a selezionare una parte di testo e clicco sul pulsante “inserisci/modifica collegamento” mi da la possibilità di scegliere solo:
(Questo è il pannello che “vedo”) http://www.softword.it/fido/stuwz.JPG
Mentre io vorrei mettere un link ad esempio:
file://Intranet/Cartella/Nomefile.pdf
Sapreste dirmi come fare?
Grazie mille
1 June 2011 alle 3:14
Ciao Simone, prima di tutto ottimo blog..
Anche io ho un problemino con tinymce..
Sono riuscito ad integrarlo nel sito in modo che quello che sputa fuori lui,me lo copi in un file di testo e lo possa poi riutilizzare dove e come voglio..
Il mio problema però ora è contrario..C’è modo di aprire un file di tipo html e poi modificarlo??Un po’ come si fa utilizzando word sul computer??
Perchè in pratica io vado sempre a modificare lo stesso file, però sarebbe utile che appena vado nella pagina dove c’è tinymce mi carichi l’ultima cosa che avevo scritto..
Non so se mi sono spiegato bene..
Simone
14 June 2011 alle 14:21
Ciao Simone…. anche io uso TinyMCE, ho un problemino, la dir contenente le immagini non è nella root del sito, ma in una sottodir, se io nel config indico come dominio la macchina vedo le immagini sia nell’area di amministrazione che nel sito, se indico invece il dominio nell’admin vedo solo l’ingombro ma non l’immagine…..solo che nel primo modo ovviamente tutte le immagini ecc ecc vengono indicizzate con l’url del nome macchina e non del dominio giusto, c’è modo di settare il percorso in modo da indicarne uno per l’area di amministrazione ed uno invece per le immagini del sito…
grazie ciao
Luca
21 June 2011 alle 8:40
Ciao, io devo inserire l’editor in un form creato con Chronoforms in joomla. Sai mica dirmi dove devo mettere la cartella ed il codice che indichi te?
Grazie mille, david
22 June 2011 alle 13:55
Inserito e settato. Ho solo un problema che non capisco. Ho una pagina con molti campi Varchar, alcuni decimali e 2 text.
Avrei bisogno dell’editor in questi ultimi ed invece me lo mette in un paio di varchar senza, apparentemente, nessun motivo. HELP!!!
grazie e ciao
18 October 2011 alle 18:19
Ciao simone,scrivo per la prima volta. Credevo di aver configurato tinymce nel mio sito e tutto filava liscio in localhost, poi quando ho fatto l’ ftp funziona solo per i testi senza formattazione. Ho inserito i plugins media, advimage ecc ma non funziona. Riesco a vederli al momento dell’inserimento ma dopo aver cliccato su invia, viene salvato solo il testo. In localhost funziona tutto perfettamente. Puoi darmi una mano? Ciao.
20 October 2011 alle 8:26
Ciao, scrivo di nuovo il mio problema. Ho installato tinymce advanced su una pagina del mio sito e funziona perfettamente in localhost. Quando invece lo trasferisco sul servere via ftp, riconosce solo il “bold” e niente altro. Sulla barra in fondo compare: path:p.\”\\” ecc. Dove ho sbagliato e cosa dovrei fare? Puoi auitarmi? Grazie Ciao.