Zanim zaczniesz zabawę z TinyMCE skopiuj katalog tiny_mce i podmień w nim wszystkie pliki z katalogu z pakietem językowym.
Aby móc skorzystać z edytora TinyMCE należy w sekcji <head></head> umieścić odpowiednie wpisy. U mnie wygląda to tak:
Kod
<script type="text/javascript" src="admin/jscripts/tiny_mce/tiny_mce.js"></script> // tu podajesz ścieżkę dostępu do pliku
<script type="text/javascript" src="admin/jscripts/tinymce.js"></script> // --- || ---
tiny_mce.js
Kod
tinyMCE.init({
mode : "textareas",
theme : "advanced",
editor_selector : "mceEditor",
editor_deselector : "mceNoEditor",
plugins : "safari,spellchecker,style,layer,table,save,advhr,advimage,advlink,iespell,in
inepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,dir
ctionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,pagebreak",
theme_advanced_buttons1_add_before : "",
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 : "iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,spellchecker,ci
e,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,blockquote,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
content_css : "css/content.css",
plugin_insertdate_dateFormat : "%d-%m-%Y",
plugin_insertdate_timeFormat : "%H:%M:%S",
theme_advanced_resize_horizontal : false,
theme_advanced_resizing : false,
apply_source_formatting : true,
fix_table_elements : true,
fix_list_elements : true,
fix_nesting : true,
inline_styles : true,
cleanup : true,
cleanup_on_startup : true,
verify_html : true,
convert_fonts_to_spans : true,
relative_urls : false,
remove_script_host : false,
language : "pl",
spellchecker_languages : "+English=en,Polish=pl"
});
W kodzie (X)HTML zaś do formularza dodajesz class="mceEditor", np.:
Kod
<label>
<span class="opis">Treść:</span>
<textarea class="mceEditor" name="tresc"></textarea>
</label>
Można dodatkowo użyć stylów CSS:
Kod
content_css : "css/content.css" // tu również należy podać odpowiednią ścieżkę dostępu
I to z grubsza tyle.