1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml">
4 <title>Installation instructions
</title>
5 <link href=
"css/screen.css" rel=
"stylesheet" type=
"text/css" />
10 <h1>Installation instructions
</h1>
14 <p>Installing TinyMCE is very simple, follow the instructions here. We give a few examples of to integrate TinyMCE, also look at the extensive
<a href=
"reference_configuration.html">options
</a> for configuration.
</p>
16 <div class=
"separator"></div>
20 <p>TinyMCE has no direct requirements except for
<a href=
"compatiblity_chart.html">browser compatibility
</a> and of course JavaScript needs to be turned on. There is NO backend code distributed with TinyMCE.
24 <div class=
"separator"></div>
28 <p>For download instructions check our
<a href=
"http://tinymce.moxiecode.com">web site.
</a></p>
31 <div class=
"separator"></div>
33 <h2>Extracting the archives
</h2>
35 <p>On windows you could use
<a href=
"http://www.winzip.com">WinZip
</a> or something similar. And on other operating systems such as Linux you simply extract the archive with the tar command. You can find a example on how to extract the archived file on Linux below.
</p>
37 You should extract TinyMCE in your wwwroot or site domain root folder
39 <h3>Extract example using a shell:
</h3>
43 $ gzip -d tinymce_1_44.tar.gz
44 $ tar xvf tinymce_1_44.tar
48 <h3>A folder structure looking like this is created:
</h3>
55 /tinymce/examples/zh_cn/
57 /tinymce/jscripts/tiny_mce/
58 /tinymce/jscripts/tiny_mce/langs/
59 /tinymce/jscripts/tiny_mce/plugins/
60 /tinymce/jscripts/tiny_mce/plugins/
<plugin folders
>
61 /tinymce/jscripts/tiny_mce/themes/
62 /tinymce/jscripts/tiny_mce/themes/advanced/
63 /tinymce/jscripts/tiny_mce/themes/default/
64 /tinymce/jscripts/tiny_mce/themes/simple/
70 <div class=
"separator"></div>
72 <h2>Making changes on your web site
</h2>
74 <p>Once you have extracted the archive you will need to edit the pages to include the configuration and javascript for TinyMCE. Please note that you should probably only include the TinyMCE javascript on the pages that need it, not all the pages of the web site. Remember to change the URL to the .js below to match your installation path.
</p>
76 <h3>The most basic page integration (converts all textarea elements into editors):
</h3>
81 <title
>TinyMCE Test
</title
>
82 <strong><script language=
"javascript
" type=
"text/javascript
" src=
"../jscripts/tiny_mce/tiny_mce.js
"></script
>
83 <script language=
"javascript
" type=
"text/javascript
">
85 mode :
"textareas
"
87 </script
></strong>
90 <form method=
"post
">
91 <textarea name=
"content
" cols=
"50" rows=
"15">This is some content that will be editable with TinyMCE.
</textarea
>
99 Here are a few different example of how you could integrate TinyMCE.
103 <li><a href=
"installation_example_00.html">Example
00</a> - Simple Theme
</li>
104 <li><a href=
"installation_example_01.html">Example
01</a> - Advanced Theme
</li>
105 <li><a href=
"installation_example_02.html">Example
02</a> - Advanced Theme Full
</li>
106 <li><a href=
"installation_example_03.html">Example
03</a> - Advanced Theme Simplified
</li>
110 If you have any problems, you should check the forum on the
<a href=
"http://tinymce.moxiecode.com/" target=
"_blank">TinyMCE web site.
</a></p>
115 <div class=
"helpindexlink"><a href=
"index.html">Index
</a></div>
116 <div class=
"copyright">Copyright
© 2003-
2006 <a href=
"http://www.moxiecode.com">Moxiecode Systems AB
</a></div>
117 <br style=
"clear: both" />