Spaces:
Running
Running
File size: 3,068 Bytes
1e4c25f |
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 111 112 113 114 115 116 117 118 119 |
(function($) {
CKEDITOR.plugins.add( 'spoiler' , {
icons: 'spoiler',
init: function( editor ) {
if ( editor.blockless )
return;
function registerCssFile( url ) {
var head = editor.document.getHead();
var link = editor.document.createElement( 'link' , {
attributes: {
type: 'text/css',
rel: 'stylesheet',
href: url
}
} );
head.append( link );
}
function toggle( element ) {
element.setStyle( 'display' , ( ( element.getStyle('display') == 'none' ) ? '' : 'none' ) );
}
function toggleClass( element, className ) {
if ( element.hasClass( className ) ) {
element.removeClass( className );
}
else {
element.addClass( className );
}
}
function setSwitcher( element )
{
toggleClass( element, 'hide-icon' );
toggleClass( element, 'show-icon' );
var content = element.getParent().getParent().getLast();
toggle( content );
}
function createSpoiler() {
var spoilerContainer = editor.document.createElement( 'div', { 'attributes' : { 'class': 'spoiler' } } );
var spoilerToggle = editor.document.createElement( 'div', { 'attributes' : { 'class': 'spoiler-toggle hide-icon' } } );
var spoilerTitle = editor.document.createElement( 'div', { 'attributes' : { 'class': 'spoiler-title' } } );
var spoilerContent = editor.document.createElement( 'div', { 'attributes' : { 'class': 'spoiler-content' } } );
spoilerToggle.on( 'click', function( event ) {
setSwitcher( event.sender );
});
spoilerTitle.append( spoilerToggle );
spoilerTitle.appendHtml( 'Spoiler' );
spoilerContent.appendHtml( '<p>'+gethtml4()+'<br></p>' );
spoilerContainer.append( spoilerTitle );
spoilerContainer.append( spoilerContent );
return spoilerContainer;
}
function gethtml4()
{
range = editor.getSelection().getRanges()[ 0 ],
el = editor.document.createElement( 'div' );
el.append( range.cloneContents() );
return el.getHtml();
}
function getDivWithClass( className )
{
var divs = editor.document.getElementsByTag( 'div' ),
len = divs.count(),
elements = [],
element;
for ( var i = 0; i < len; ++i ) {
element = divs.getItem( i );
if ( element.hasClass( className ) ) {
elements.push( element );
}
}
return elements;
}
editor.addCommand( 'spoiler', {
exec: function( editor ) {
var spoiler = createSpoiler();
editor.insertElement( spoiler );
},
allowedContent: 'div{*}(*);br'
});
editor.ui.addButton( 'spoiler', {
label: 'Spoiler',
command: 'spoiler',
toolbar: 'insert,99',
group: '44',
icon: this.path + 'icons/spoiler.png'
});
var path = this.path;
editor.on( 'mode', function() {
if ( this.mode != 'wysiwyg' ) {
return;
}
registerCssFile( path + 'css/spoiler.css' );
var elements = getDivWithClass( 'spoiler-toggle' ),
len = elements.length;
for ( var i = 0; i < len; ++i )
{
elements[i].on( 'click', function( event ) {
setSwitcher( event.sender );
});
}
});
}
});
})(jQuery)
|