sources/plugins/templates/templates/default.js

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