Damon
Staff
/ Moderator
Feb 16, 2006, 11:05 AM
Post #4 of 5
(4535 views)
Shortcut
|
|
Re: [notime] Adding more features to the Tiny MCE
[In reply to]
|
Can't Post
|
|
Hi Dave,
Here is a helpful link that list all the buttons and plugins available:
http://tinymce.moxiecode.com/tinymce/docs/reference_buttons.html
The buttons in the editor display in the same order that they are listed in each row (theme_advanced_buttons1_add) in the editor_config.js file. To add a button simply copy the button name into the row and in the order that you want it to appear.
Here is the editor_config.js file code with the features you were looking for.
pp\images\tiny_mce\editor_config.js
/**
* Edit this file to configure the TinyMCE WYSIWYG editor
**/
tinyMCE.init({
mode : "textareas",
theme : "advanced",
browsers : "msie,gecko",
theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia;Tahoma=Tahoma;Verdana=verdana",
plugins : "paste, table, fullscreen, contextmenu, advhr, advimage, advlink, paste, flash, print, emotions, searchreplace",
theme_advanced_buttons1_add : "fontselect, fontsizeselect, bold, italic, underline, separator, justifyleft, justifycenter, justifyright, separator, bullist, numlist, separator, outdent, indent,",
theme_advanced_buttons2_add : "pasteword, forecolor, backcolor, separator, hr, link, image, table, code, fullscreen, separator, flash, print, emotions, pastetext, search, replace ",
//theme_advanced_buttons3_add : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
//content_css : "http://www.add_full_URL_here/images/tiny_mce/themes/advanced/css/mycontent.css",
theme_advanced_resizing : true,
theme_advanced_resize_horizontal : false,
convert_urls : false,
theme_advanced_disable : "styleselect, formatselect,bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,outdent,indent, image, cut,copy,paste,undo,redo,link,unlink,Image,cleanup,help,code,hr,removeformat,sub,sup,forecolor,backcolor,charmap,visualaid,anchor,newdocument,separator"
});
Some of the buttons required enabling plugins (for example flash on the plugins line).
The "theme_advanced_disable" line, with all the buttons listed, removes all the buttons from their default location. This is useful so that you can then select just the buttons you need and add them where you want. Leave this line as is. To add a new button simply copy it (example: strikethrough) and add it to the button row you want it to appear on (example: theme_advanced_buttons2_add).
For others reading this post, here is two editor tutorials to help get started customizing the editor:
Adding a "Paste from Word" button into the WYSIWYG editor
Using Styles instead of Font tags
Hope that helps. :)
---------------------------------------------------
Cheers
Damon Edis
interactivetools.com
Hire me! Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/
(This post was edited by Damon on Feb 16, 2006, 11:08 AM)
|
Re: [notime] Adding more features to the Tiny MCE
[