 |
notime
New User
Feb 16, 2006, 5:48 AM
Post #1 of 5
(2462 views)
Shortcut
|
|
Adding more features to the Tiny MCE
|
Can't Post
|
|
Ok, upgraded to 1.25, looks ok, i want to add all the features that Tiny MCE has (the print/flash you know what i mean) ive followed your step by step guide to adding paste from word, and works grate.
How do i go about adding the other features Tiny MCE has.
Dave
|
|
| |
|
notime
New User
Feb 16, 2006, 5:57 AM
Post #2 of 5
(2460 views)
Shortcut
|
|
Re: [notime] Adding more features to the Tiny MCE
[In reply to]
|
Can't Post
|
|
OK.
worked out i needed to chnage the bottom line to this:
theme_advanced_enable : "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"
});
Thing is, it straches across the screen, is there a way for me to condence the size?
Dave
|
|
| |
|
notime
New User
Feb 16, 2006, 7:00 AM
Post #3 of 5
(2459 views)
Shortcut
|
|
Re: [notime] Adding more features to the Tiny MCE
[In reply to]
|
Can't Post
|
|
OK,
Got my code looking like this:
/**
* 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 : "advhr, advimage, advlink, paste, table, fullscreen, contextmenu,", // additional plugins: advhr, advimage, advlink, paste,
theme_advanced_buttons1_add : "fontselect, fontsizeselect,",
theme_advanced_buttons2_add : "pasteword, forecolor, backcolor, separator, hr, link, image, table, code, fullscreen, separator,",
//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_enable : "bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,outdent,indent, image, cut,copy,paste,undo,redo,link,unlink,Image,cleanup,code,hr,removeformat,sub,sup,forecolor,backcolor,charmap,visualaid,anchor,newdocument,separator,"
});
How do i remove the styles drop down and format drop down, and the help icon, and add in the emotions icon, paste as plan test, find and replace, insert time.
|
|
| |
|
Damon
Staff
/ Moderator
Feb 16, 2006, 11:05 AM
Post #4 of 5
(2438 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
(This post was edited by Damon on Feb 16, 2006, 11:08 AM)
|
|
| |
|
notime
New User
Feb 16, 2006, 12:38 PM
Post #5 of 5
(2425 views)
Shortcut
|
Re: [notime] Adding more features to the Tiny MCE
[In reply to]
|
Can't Post
|
|
Cheers for that, 
it looks grate!
Im sure this thread will help others to.
Dave
|
|
| |
|
