Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Custom TinyMCE WP Editor Button / Dialog WordPress


Hi guys,

I need to make some custom buttons in the editor to wrap content in my shortcodes.

I want the code to create custom editor button which when clicked produces a dialog with two text areas and a 'Submit' button which then returns the data I input into those two textareas wrapped in my shortcodes to the editor without page refresh.

Please supply me the code and claim your reward. =)

Answers (5)


juan manuel incaurgarat answers:

try this on your TinyMCE declaration

<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
mode : "textareas",
theme : "advanced",
theme_advanced_buttons1 : "mybutton,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
plugins : 'inlinepopups',
setup : function(ed) {
// Add a custom button
ed.addButton('mybutton', {
title : 'My button',
image : 'img/example.gif',
onclick : function() {
// Add you own code to execute something on click
ed.selection.setContent('Hello world!');

<form method="post" action="somepage">
<textarea name="content" style="width:100%">

if that works, i dont expect $50.
i think 30 will be fair.

do you need me to explain the code?
if you like, i can code it for you on your site and therefore have the $50

drew comments:

You have no contact details on your profile. But yes, I'll take you up on your offer. ;) How do I contact you?

juan manuel incaurgarat comments:

email me at [email protected]
and thank you :)


Oleg Butuzov answers:

sourcecode for required by you plugin

Oleg Butuzov comments:

going sleep now. any questions by mail


paul de wouters answers:

you could give this plugin a try :


Joachim Kudish answers:

This tutorial explains it in detail. Just follow the steps and customize based on what you need to do.

drew comments:

Thanks very much for posting this tutorial, you are awesome! However, I do already have 'Juan' working on a custom solution so I can't reward you on this occasion but thanks for the reply, hopefully it will help other Googlers in future searches.

Joachim Kudish comments:

Not that I particularly care about the money, but there is a way to split the prize with WPQuestions.

Anyways, glad you found a solution.


Denzel Chia answers:


If you are still interested, I can write you a plugin specially for this.
Please send me your detail requirements to [email protected]

To show you that I am capable of writing such a plugin, you can take a look at my vimeo quicktag tinymce plugin
as a reference.

Looking forward to your email.