Adding Custom button to tinymce editor

Question

when we giving hyperlink to a text <a> tag will automatically assigned to the text.Like that how i can giving my own tag to the text.So i need a button the toolbar and when i selecting that button a custom tag will automatically added to the selected text.

Answer 1

You are looking for http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/valid_elements and http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/extended_valid_elements just add the element in your tiny mce startup config

Answer 2

theme_advanced_buttons1 : "Tittle,phpimage,bold,italic,underline",    
setup : function(ed) {
            // Add a custom button
            ed.addButton('Tittle', {
                title : 'Tittle',
                image : './images/copy.jpg',
                onclick : function() {
                    // Add you own code to execute something on click
                    ed.focus();
                    ed.selection.setContent('<tittle>' + ed.selection.getContent() + '</tittle>');
                }
            });
        }