Modify tinymce image/link dialog content in grails

28 / Aug / 2012 by Shaurav 0 comments

Recently in a project i used tinymce where i needed to modify the image/link dialog of tinymce.
To modify tinymce firstly make it inline/custom plugin means download and paste in javascript folder.
To modify image dialog , create a gsp that you want to show in dialog box and paste in

I used iframe for fetching additional content along with tinymce image dialog content.
<iframe id="imgUploadEmbedIFrame"
src="${createLink(controller:’controllerName’ ,action:’actionName’,params: [id:’id’])}"
style="border: 0px; width:425px; height:205px;

and also modify editor_plugin.js so that it will load new html.

search file:b+”/image.htm” in editor_plugin.js and change the name of image file . for ex: if name of new file is image.gsp then in editor_plugin.js it should be like this..
Similarly link dialog can be modified.

for more clarity click here to view the file structure of tinymce that i have used.



Tag -

Grails tinymce

Leave a Reply

Your email address will not be published. Required fields are marked *