www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/ckeditor_templates/templates/ckeditor_templates.js.example

   1
   2 // Override the default template set
   3 CKEDITOR.addTemplates( 'default', {
   4         // The name of sub folder which hold the shortcut preview images of the
   5         // templates.
   6         imagesPath: '/themes/custom/mytheme/images/ckeditor/',
   7
   8         // The templates definitions.
   9         templates: [ {
  10                 title: 'Image and Title module',
  11                 image: 'template1.gif',
  12                 description: 'One main image with a title and text that surround the image.',
  13                 html: '<h3>' +
  14                         // Use src=" " so image is not filtered out by the editor as incorrect (src is required).
  15                         '<img src=" " alt="" style="margin-right: 10px" height="100" width="100" align="left" />' +
  16                         'Type the title here' +
  17                         '</h3>' +
  18                         '<p>' +
  19                         'Type the text here' +
  20                         '</p>'
  21         },
  22         {
  23                 title: 'Strange Template',
  24                 image: 'template2.gif',
  25                 description: 'A template that defines two colums, each one with a title, and some text.',
  26                 html: '<table cellspacing="0" cellpadding="0" style="width:100%" border="0">' +
  27                         '<tr>' +
  28                                 '<td style="width:50%">' +
  29                                         '<h3>Title 1</h3>' +
  30                                 '</td>' +
  31                                 '<td></td>' +
  32                                 '<td style="width:50%">' +
  33                                         '<h3>Title 2</h3>' +
  34                                 '</td>' +
  35                         '</tr>' +
  36                         '<tr>' +
  37                                 '<td>' +
  38                                         'Text 1' +
  39                                 '</td>' +
  40                                 '<td></td>' +
  41                                 '<td>' +
  42                                         'Text 2' +
  43                                 '</td>' +
  44                         '</tr>' +
  45                         '</table>' +
  46                         '<p>' +
  47                         'More text goes here.' +
  48                         '</p>'
  49         },
  50         {
  51                 title: 'Text and Table',
  52                 image: 'template3.gif',
  53                 description: 'A title with some text and a table.',
  54                 html: '<div style="width: 80%">' +
  55                         '<h3>' +
  56                                 'Title goes here' +
  57                         '</h3>' +
  58                         '<table style="width:150px;float: right" cellspacing="0" cellpadding="0" border="1">' +
  59                                 '<caption style="border:solid 1px black">' +
  60                                         '<strong>Table title</strong>' +
  61                                 '</caption>' +
  62                                 '<tr>' +
  63                                         '<td>&nbsp;</td>' +
  64                                         '<td>&nbsp;</td>' +
  65                                         '<td>&nbsp;</td>' +
  66                                 '</tr>' +
  67                                 '<tr>' +
  68                                         '<td>&nbsp;</td>' +
  69                                         '<td>&nbsp;</td>' +
  70                                         '<td>&nbsp;</td>' +
  71                                 '</tr>' +
  72                                 '<tr>' +
  73                                         '<td>&nbsp;</td>' +
  74                                         '<td>&nbsp;</td>' +
  75                                         '<td>&nbsp;</td>' +
  76                                 '</tr>' +
  77                         '</table>' +
  78                         '<p>' +
  79                                 'Type the text here' +
  80                         '</p>' +
  81                         '</div>'
  82         } ]
  83 } );