How to use TinyMCE

TinyMCE is a wonderful wysiwyg (what you see is what you get) editing tool that Kintek use to allow our clients to edit their content managed web pages. TinyMCE operates in a very similar way to normal word processing software, in fact several of the menu bar’s icons are the same , I’ll concentrate on the more unfamiliar ones present.

Insert/edit link – Creates a link to a file/image, another page or website or to an anchor. To use highlight the text or image that you want to make into a link for a user to click on, click the icon and specify the target in the popup window.

Unlink – Removes a link from the page. To use highlight an unwanted link and click the icon to disable it.

Insert/edit anchor – Creates a named anchored which can be used as a target to jump to when using a link.

Insert/edit image – Adds a picture to the page. To use click the image icon, then the “upload” button in the popup window, browse to the image you wish to insert, click the “upload” button, click on the file in the list below and then the “insert” button back in the original popup window.

Plain Text/Word/Regular Paste – Generally we recommend using the first of these pasting option (plain text), as this strips any superfluous data from the text, and applying any changes using TinyMCE. If, however, you insist on trying to import all the styles along with your text from a word document the word paste will try it’s best to keep all the formatting.

Edit HTML Source – This is where you go if you need to do some more advanced page structuring and gives you an insight into the kind environment that we use when constructing an html page. The source is very handy to fix up any anomaly that may have introduced themselves from pasting data in, a good reference for html coding is w3schools

When formatting a page it is good practice to use the drop-down boxes in the top right as these styles have been created specifically for use on the web, they also help your page fit in with the rest of the website.

Your version of TinyMCE may not have all the features discussed above as we try to only supply the features we feel will be necessary for each application, but feel free to contact us if you want any added. For a look at all the available features take a look at full TinyMCE.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.