plugin.js
3.65 KB
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/
/**
* @file Plugin for inserting Drupal embeded media
*/
( function() {
var numberRegex = /^\d+(?:\.\d+)?$/;
var cssifyLength = function( length )
{
if ( numberRegex.test( length ) )
return length + 'px';
return length;
}
CKEDITOR.plugins.add( 'mediaembed',
{
requires : [ 'dialog', 'fakeobjects' ],
init: function( editor )
{
var addCssObj = CKEDITOR;
if (Drupal.ckeditor_ver == 3) {
addCssObj = editor;
}
addCssObj.addCss(
'img.cke_mediaembed' +
'{' +
'background-image: url(' + CKEDITOR.getUrl( this.path + 'images/placeholder.gif' ) + ');' +
'background-position: center center;' +
'background-repeat: no-repeat;' +
'border: 1px solid #a9a9a9;' +
'width: 80px;' +
'height: 80px;' +
'}'
);
editor.addCommand( 'mediaembedDialog', new CKEDITOR.dialogCommand( 'mediaembedDialog', { allowedContent : 'div(media_embed);iframe[*](*)' } ) );
editor.ui.addButton( 'MediaEmbed',
{
label: 'Embed Media',
command: 'mediaembedDialog',
icon: this.path + 'images/icon.png'
} );
CKEDITOR.dialog.add( 'mediaembedDialog', this.path + 'dialogs/mediaembed.js' );
},
afterInit : function( editor )
{
var dataProcessor = editor.dataProcessor,
dataFilter = dataProcessor && dataProcessor.dataFilter,
htmlFilter = dataProcessor && dataProcessor.htmlFilter;
if ( htmlFilter )
{
htmlFilter.addRules({
elements :
{
'div' : function ( element ) {
if( element.attributes['class'] == 'media_embed' ) {
for (var x in element.children) {
if (typeof(element.children[x].attributes) != 'undefined') {
if (typeof(element.children[x].attributes.width) != undefined) {
element.children[x].attributes.width = element.attributes.width;
}
if (typeof(element.children[x].attributes.height) != undefined) {
element.children[x].attributes.height = element.attributes.height;
}
}
}
}
}
}
});
}
if ( dataFilter )
{
dataFilter.addRules(
{
elements :
{
'div' : function( element )
{
var attributes = element.attributes,
classId = attributes.classid && String( attributes.classid ).toLowerCase();
if (element.attributes[ 'class' ] == 'media_embed') {
var fakeElement = editor.createFakeParserElement(element, 'cke_mediaembed', 'div', true);
var fakeStyle = fakeElement.attributes.style || '';
if (element.children[0] && typeof(element.children[0].attributes) != 'undefined') {
var height = element.children[0].attributes.height,
width = element.children[0].attributes.width;
}
if ( typeof width != 'undefined' )
fakeStyle = fakeElement.attributes.style = fakeStyle + 'width:' + cssifyLength( width ) + ';';
if ( typeof height != 'undefined' )
fakeStyle = fakeElement.attributes.style = fakeStyle + 'height:' + cssifyLength( height ) + ';';
return fakeElement;
}
return element;
}
}
},
5);
}
}
} );
} )();