I am New in customizing CKEditor. I want to bind templates from database in Templates popup.
I have added two testing templates statically in
default.js file shown as below :
CKEDITOR.addTemplates("default",
{
imagesPath: CKEDITOR.getUrl(CKEDITOR.plugins.getPath("templates") + "templates/images/"),
templates: [
{
title: "Image and Title",
image: "template1.gif",
description: "One main image with a title and text that surround the image.",
html: '<h3><img src=" " alt="" style="margin-right: 10px" height="100" width="100" align="left" />Type the title here</h3><p>Type the text here</p>'
},
{
title: "Strange Template",
image: "template2.gif",
description: "A template that defines two colums, each one with a title, and some text.",
html: '<table cellspacing="0" cellpadding="0" style="width:100%" border="0"><tr><td style="width:50%"><h3>Title 1</h3></td><td></td><td style="width:50%"><h3>Title 2</h3></td></tr><tr><td>Text 1</td><td></td><td>Text 2</td></tr></table><p>More text goes here.</p>'
},
{
title: "Text and Table",
image: "template3.gif",
description: "A title with some text and a table.",
html: '<div style="width: 80%"><h3>Title goes here</h3><table style="width:150px;float: right" cellspacing="0" cellpadding="0" border="1"><caption style="border:solid 1px black">Table title</caption><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr></table><p>Type the text here</p></div>'
},
{
title: 'My Template 1',
image: "template1.gif",
description: 'Description of My Template 1.',
html: '<h2>Template 1</h2><p>Type your text here.</p><p style="color:red;">This is demo of custom template.</p>'
},
{
title: 'My Template 2',
image: "template2.gif",
html: '<h3>Template 2</h3><p>Type your text here.</p>'
}
]
});
Now I want to get these templates from database.
Please help me to overcome from this query...
Thanks...