How to create custom macro dialog?

[Chong Jing Hong]

Hi, I'm trying to create a custom dialog for my macro plugin. I tried using AJS.MacroBrowser.setMacroJsOverride but it is not working. Below is my code:

AJS.bind("init.rte", function(){    
AJS.MacroBrowser.setMacroJsOverride("dg-macro", {        
opener: function (macro) {            
$("body").append(getDialogHTML());                
AJS.dialog2("#dg-macro-dialog").show();                
tinymce.confluence.MacroUtils.insertMacro({                
contentId: Confluence.Editor.getContentId(),                
macro: {                    
name: "dg-macro",                    
params: {                        
search: "abcd",                        
placeholder: "efgh"                    
},                    
defaultParameterValue: "",                    
body: undefined                
}            
}, macro);        
}    
});
});

getDialogHTML() returns a markup string.