1 /* 2 Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved. 3 For licensing, see LICENSE.html or http://ckeditor.com/license 4 */ 5 6 // Register a templates definition set named "default". 7 CKEDITOR.addTemplates( 'default', 8 { 9 // The name of sub folder which hold the shortcut preview images of the 10 // templates. 11 imagesPath : CKEDITOR.getUrl( CKEDITOR.plugins.getPath( 'templates' ) + 'templates/images/' ), 12 13 // The templates definitions. 14 templates : 15 [ 16 { 17 title: 'Image and Title', 18 image: 'template1.gif', 19 description: 'One main image with a title and text that surround the image.', 20 html: 21 '<h3>' + 22 '<img style="margin-right: 10px" height="100" width="100" align="left"/>' + 23 'Type the title here'+ 24 '</h3>' + 25 '<p>' + 26 'Type the text here' + 27 '</p>' 28 }, 29 { 30 title: 'Strange Template', 31 image: 'template2.gif', 32 description: 'A template that defines two colums, each one with a title, and some text.', 33 html: 34 '<table cellspacing="0" cellpadding="0" style="width:100%" border="0">' + 35 '<tr>' + 36 '<td style="width:50%">' + 37 '<h3>Title 1</h3>' + 38 '</td>' + 39 '<td></td>' + 40 '<td style="width:50%">' + 41 '<h3>Title 2</h3>' + 42 '</td>' + 43 '</tr>' + 44 '<tr>' + 45 '<td>' + 46 'Text 1' + 47 '</td>' + 48 '<td></td>' + 49 '<td>' + 50 'Text 2' + 51 '</td>' + 52 '</tr>' + 53 '</table>' + 54 '<p>' + 55 'More text goes here.' + 56 '</p>' 57 }, 58 { 59 title: 'Text and Table', 60 image: 'template3.gif', 61 description: 'A title with some text and a table.', 62 html: 63 '<div style="width: 80%">' + 64 '<h3>' + 65 'Title goes here' + 66 '</h3>' + 67 '<table style="width:150px;float: right" cellspacing="0" cellpadding="0" border="1">' + 68 '<caption style="border:solid 1px black">' + 69 '<strong>Table title</strong>' + 70 '</caption>' + 71 '</tr>' + 72 '<tr>' + 73 '<td> </td>' + 74 '<td> </td>' + 75 '<td> </td>' + 76 '</tr>' + 77 '<tr>' + 78 '<td> </td>' + 79 '<td> </td>' + 80 '<td> </td>' + 81 '</tr>' + 82 '<tr>' + 83 '<td> </td>' + 84 '<td> </td>' + 85 '<td> </td>' + 86 '</tr>' + 87 '</table>' + 88 '<p>' + 89 'Type the text here' + 90 '</p>' + 91 '</div>' 92 } 93 ] 94 }); 95