Joomla.it Forum

Non solo Joomla... => Sviluppo => : kiaku 17 Jul 2006, 14:26:47

: Inserire Tinymce in un componente
: kiaku 17 Jul 2006, 14:26:47

Ho sviluppato un mio componente, che consiste in un semplice formi di inserimento dati per una nuova tabella del db di joomla. Funziona tutto, ma se voglio utilizzare l'editor di testo incluso in joomla (Tinymce), come devo fare per visualizzarlo nelle textarea del mio form?

: Re: Inserire Tinymce in un componente
: alex 20 Jul 2006, 10:19:29

Eccoti qui il codice da inserire, che ho commentato per spiegati meglio cosa devi fare.

:

<!-- tinyMCE -->
<!-- SOSTITUISCI IL PERCORSO INDICATO IN SRC CON IL PERCORSO IN CUI SI TROVA TINY MCE NEL TUO SITO -->

<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

<!-- DA QUI IN POI LASCIA TUTTO COSI' COM'E' -->

<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "spellchecker,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,flash,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable",
theme_advanced_buttons1_add_before : "save,newdocument,separator",
theme_advanced_buttons1_add : "fontselect,fontsizeselect",
theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,separator,forecolor,backcolor",
theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
theme_advanced_buttons3_add_before : "tablecontrols,separator",
theme_advanced_buttons3_add : "emotions,iespell,flash,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,spellchecker",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_path_location : "bottom",
content_css : "/example_data/example_full.css",
    plugin_insertdate_dateFormat : "%Y-%m-%d",
    plugin_insertdate_timeFormat : "%H:%M:%S",
extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
external_link_list_url : "example_data/example_link_list.js",
external_image_list_url : "example_data/example_image_list.js",
flash_external_list_url : "example_data/example_flash_list.js",
file_browser_callback : "mcFileManager.filebrowserCallBack",
theme_advanced_resize_horizontal : false,
theme_advanced_resizing : true,
apply_source_formatting : true,
spellchecker_languages : "+English=en,Danish=da,Dutch=nl,Finnish=fi,French=fr,German=de,Italian=it,Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv"
});
</script>
<!-- /tinyMCE -->

<!-- CODICE PER INSERIRE LA TEXTAREA. RICORDA CHE DEVE AVERE SEMPRE COME ID E NAME IL PARAMETRO "elm1". -->

<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">
QUI PUOI INSERIRE DEL TESTO DA VISUALIZZARE NELLA TEXTAREA
</textarea>

Fatto questo dovrebbe funzionare. Prova e fammi sapere.