_source/plugins/templates/templates/default.js

   1 /*
   2 Copyright (c) 2003-2011, 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>&nbsp;</td>' +
  74                                                                 '<td>&nbsp;</td>' +
  75                                                                 '<td>&nbsp;</td>' +
  76                                                         '</tr>' +
  77                                                         '<tr>' +
  78                                                                 '<td>&nbsp;</td>' +
  79                                                                 '<td>&nbsp;</td>' +
  80                                                                 '<td>&nbsp;</td>' +
  81                                                         '</tr>' +
  82                                                         '<tr>' +
  83                                                                 '<td>&nbsp;</td>' +
  84                                                                 '<td>&nbsp;</td>' +
  85                                                                 '<td>&nbsp;</td>' +
  86                                                         '</tr>' +
  87                                                 '</table>' +
  88                                                 '<p>' +
  89                                                         'Type the text here' +
  90                                                 '</p>' +
  91                                         '</div>'
  92                         }
  93                 ]
  94 });