Hi,
I am trying to create a custom dialog for the latest version of ckeditor. The purpose of the Dialog is to list data from a database, as clickable buttons, and when I click on a button it places the value from the database into the editor.
As an example the following could be displayed:
Date [button: text: Normal] [button: text: Uppercase]
Reference Number [button: text: Normal] [button: text: Uppercase]
Project Number [button: text: Normal] [button: text: Uppercase]
If you can undestand what I have just shown. There would be a table like structure in the dialog with a label followed by two buttons, one with text saying "Normal", the other one saying "Upper case". When the buttons are clicked it would place the upper case or normal text from the database into the editor.
I have read the basic tutorial regarding how to create a plugin and a dialog, and i have got that working. However I don't know how I could create a dialog for doing what I need. How would I place buttons in a row (one beside the other). And how would I assign actions to them so when they are clicked it would place the text from into the editor. I know how to get the database values via ajax, so I don't need to know how to get the data I just need to know how I can display it in the dialog using the correct syntax.
Has anyone got any ideas
Anybody got any comments to make.
Have solved it
Hi I found a way to do this as follows:
var local_path = '/includes/ckeditor/plugins/mergefields/dialogs/'
//rather than using CKEDITOR.dialog.addIframe
CKEDITOR.dialog.add( 'mergefieldsDialog', function ( editor ) {
return {
title : 'Merge Fields',
minWidth : 600,
minHeight : 300,
contents : [
{
id : 'mergef',
label : '',
title : 'Merge Fields',
elements : [
{
type : 'html',
html : '<iframe src="' + local_path + 'mergefields.php' + '" width="100%" height:100%" />'
}
]
}
]
}
});