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