_source/plugins/templates/templates/default.js

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