I'd like to add an extra button to the TinyMCE editor. I've found some documentation, but it's not about creating a complete custom button with custom functionalities.
So far looking at the files of the WVD Media - TinyMCE Insert embed code package is the best I can find, but are there some other examples or better documentation how you can add a custom button? I need to create something which is not going to be a simple pop-up, but more like the 'insert link' button. Hope someone can help me.
If you go to the homepage of tinyMCE they have some excellent
examples on how to customice your tinyMCE, for your instance this tutorial shows
the implementation of a custom button. If you seek to expand the
standard tinyMCE you will need to add the code it shows to the code in
your umbraco installation.
I got the custom button on TinyMCE working, but there is no easy solution. I just installed the WVD Media - TinyMCE Insert embed code package and changed the image, js and htm files. I placed an iframe into embedcode.htm and do my stuff inside of that. This way you can also use postbacks which don't seem to work on the embedcode.htm file because the popup closes after a postback. Hope this helps.
Custom button in TinyMCE
Hello,
I'd like to add an extra button to the TinyMCE editor. I've found some documentation, but it's not about creating a complete custom button with custom functionalities.
http://our.umbraco.org/wiki/how-tos/enabling-the-'template'-plugin-for-tinymce
http://our.umbraco.org/wiki/how-tos/customizing-the-wysiwyg-rich-text-editor-(tinymce)/how-to-add-extra-html-functionality-to-tinymce
So far looking at the files of the WVD Media - TinyMCE Insert embed code package is the best I can find, but are there some other examples or better documentation how you can add a custom button? I need to create something which is not going to be a simple pop-up, but more like the 'insert link' button. Hope someone can help me.
Jeroen
If you go to the homepage of tinyMCE they have some excellent examples on how to customice your tinyMCE, for your instance this tutorial shows the implementation of a custom button. If you seek to expand the standard tinyMCE you will need to add the code it shows to the code in your umbraco installation.
With kind regards
Christoffer Andersen
Thanks Christoffer. I already looked into that, but it's not specific for Umbraco offcourse. Hoped there might be some examples related to Umbraco.
I got the custom button on TinyMCE working, but there is no easy solution. I just installed the WVD Media - TinyMCE Insert embed code package and changed the image, js and htm files. I placed an iframe into embedcode.htm and do my stuff inside of that. This way you can also use postbacks which don't seem to work on the embedcode.htm file because the popup closes after a postback. Hope this helps.
is working on a reply...