Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    "istruire" editor html in base al mio css

    Perdonatemi il titolo ...

    Vorrei integrare in un blog che mi sto costruendo un editor html (uno qualsiasi fra i tanti... fckeditor, tinymce, etc etc). Già l'ho fatto altre volte senza problemi...

    Il punto è stavolta che vorrei riuscire ad impostare l'editor in coerenza con il mio css. Mi spiego meglio.

    Nella textarea la formattazione del testo vorrei che apparisse formattata in base a quanto definito nel mio foglio di stile.
    Inoltre (la cosa + importante) vorrei poter inserire (senza accedere direttamente all'html) i tag con id/classi presente nel mio css.

    ad esempio l'editor il testo semplice me lo formatta


    testo semplice</p>

    io vorrei un tasto per formattare il testo con un mio style. ad esempio
    <p class="miostyle"> testo</p>

    Qualcuno conosce un editor che permette di fare quanto io chiedo? se si esiste una guida/documentazione che spiega come farlo?

    Ringrazio anticipatamente chi saprà darmi una mano.

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Mi sembra (ma non sono sicurissimo) che quello che chiedi si possibile con i plug-in dei cms tipo joomla/wordpress che hanno moduli "html editor" personalizzati, non mi risulta sia possibile fare ciò senza "smontare" (inteso come modificare direttamente al codice js) l'editor personalizzarlo e "rimontarlo".
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Originariamente inviato da cavicchiandrea
    Mi sembra (ma non sono sicurissimo) che quello che chiedi si possibile con i plug-in dei cms tipo joomla/wordpress che hanno moduli "html editor" personalizzati, non mi risulta sia possibile fare ciò senza "smontare" (inteso come modificare direttamente al codice js) l'editor personalizzarlo e "rimontarlo".
    grz moltissimo per la risposta...
    pensavo vi fosse qualche setting...

  4. #4
    io conosco sia fckeditor che il suo successore, ckeditor.
    In entrambi puoi configurare tutto quello che vuoi, stili aggiuntivi, importare file css, ecc.
    Consulta la documentazione (ti consiglio ckeditor, più nuovo e performante)

    http://docs.cksource.com/ckeditor_ap...l#.contentsCss
    http://docs.cksource.com/CKEditor_3....s_Guide/Styles
    http://docs.cksource.com/CKEditor_3....uide/Templates

  5. #5
    ... azz avevo iniziato a smanettare con tinymce (mi piacciono i plugin che sono disponibili...)

    ho quasi risolto così...

    codice:
    <script type="text/javascript">
    	// Default skin
    	tinyMCE.init({
    		// General options
    		mode : "exact",
    		elements : "nome_textarea",
    		theme : "advanced",
    		plugins : "list,dei,plugin,che,voglio",
    
    		// Theme options
    		theme_advanced_buttons1 : "pulsante,pulsante",
    		theme_advanced_buttons2 : "pulsante,pulsanter",
    		theme_advanced_buttons3 : "pulsante,pulsante",
    		theme_advanced_buttons4 : "pulsanti,dei,plugin",
    		theme_advanced_toolbar_location : "top",
    		theme_advanced_toolbar_align : "left",
    		theme_advanced_statusbar_location : "bottom",
    		theme_advanced_resizing : true,
    
    		// ECCO IL PUNTO CRUCIALE
    		content_css : "http://localhost/styles/mio_foglio_di_stile.css",
    		body_id : "main",
    		body_class : "post",
    		
    		// nuovi elementi dal mio css
    		extended_valid_elements : "miotag[class=nome_classe|nome=nome]"
    // etc etc
    		}
    	});
    il marckup della pagina (in grosse linee) è così
    codice:
    <html>
    <head>
    
    </head>
    <div id="wrap">
       <div id="header">
       </div>
    
       <div id="sidebar">
       </div>
    
       <div id="main">
          <div class="post">
          
    
    contenuto proveniente dall'editor... ovviamente salvato in un db</p>
           </div>
       </div>
    
    </div>
    </body>
    </html>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.