limit icons in view or limit abilities in the WYSIWYG

I have had a look at the icons css and see in the WYSIWYG ui skin below, I have tried commenting it out, but where as the icons then do not appear, the links are still there but appear as blank buttons. 

If anyone has done this before and has a better clue loll I am grateful for all inpuut.

k

/* Theme */
.defaultSkin span.mce_bold {background-position:0 0}
.defaultSkin span.mce_italic {background-position:-60px 0}
.defaultSkin span.mce_underline {background-position:-140px 0}
.defaultSkin span.mce_strikethrough {background-position:-120px 0}
.defaultSkin span.mce_undo {background-position:-160px 0}
.defaultSkin span.mce_redo {background-position:-100px 0}
.defaultSkin span.mce_cleanup {background-position:-40px 0}
.defaultSkin span.mce_bullist {background-position:-20px 0}
.defaultSkin span.mce_numlist {background-position:-80px 0}
.defaultSkin span.mce_justifyleft {background-position:-460px 0}
.defaultSkin span.mce_justifyright {background-position:-480px 0}
.defaultSkin span.mce_justifycenter {background-position:-420px 0}
.defaultSkin span.mce_justifyfull {background-position:-440px 0}
.defaultSkin span.mce_anchor {background-position:-200px 0}
.defaultSkin span.mce_indent {background-position:-400px 0}
.defaultSkin span.mce_outdent {background-position:-540px 0}
.defaultSkin span.mce_link {background-position:-500px 0}
.defaultSkin span.mce_unlink {background-position:-640px 0}
.defaultSkin span.mce_sub {background-position:-600px 0}
.defaultSkin span.mce_sup {background-position:-620px 0}
.defaultSkin span.mce_removeformat {background-position:-580px 0}
.defaultSkin span.mce_newdocument {background-position:-520px 0}
.defaultSkin span.mce_image {background-position:-380px 0}
.defaultSkin span.mce_help {background-position:-340px 0}
.defaultSkin span.mce_code {background-position:-260px 0}
.defaultSkin span.mce_hr {background-position:-360px 0}
.defaultSkin span.mce_visualaid {background-position:-660px 0}
.defaultSkin span.mce_charmap {background-position:-240px 0}
.defaultSkin span.mce_paste {background-position:-560px 0}
.defaultSkin span.mce_copy {background-position:-700px 0}
.defaultSkin span.mce_cut {background-position:-680px 0}
.defaultSkin span.mce_blockquote {background-position:-220px 0}
.defaultSkin .mce_forecolor span.mceAction {background-position:-720px 0}
.defaultSkin .mce_backcolor span.mceAction {background-position:-760px 0}
.defaultSkin span.mce_forecolorpicker {background-position:-720px 0}
.defaultSkin span.mce_backcolorpicker {background-position:-760px 0}

Kenny, You can remove TinyMCE buttons like this:

1. Make a copy of /lib/wysiwyg.php and name the new copy wysiwyg_custom.php.
This new file will then get loaded instead of the original.

2. Then you can remove the buttons you don't want from the lines that begin:

theme_advanced_buttons1

theme_advanced_buttons2

Be sure to format those lines with commas on each side of the separators.

If I want to keep the 'code' (HTML) button active so I can easily make edits, but have the button invisible to the client, I simply Photoshop out the button in the TinyMCE icons.gif.

Ron, that method of yours is inspiring!

~ Deborah

thank you very much.

cheers

k

thanks for that, Interesting concept, for me thought I just want my client to have both breaks and paragraphs, will look at your way more closely in future..

cheers

k

I understand ... It took quite some time to develop the method, but it pays off, especially when developing mobile first sites where inline formatting can really be detrimental to responsive page layout. 

You will just need to be aware of the modified editor when upgrading that it doesn't get overwritten.

Have a great day!

Hi Ron,

Your approach looks fascinating,

Would you be willing to share a few specific coding examples that we can build on?

Thanks,

Jerry Kornbluth

Jerry ...

I sent you an email on this ... hope I had the right address.