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
|
<div id="classic">
<div class="progress-wrapper">
<p>line</p>
<p>line</p>
</div>
<p>Above div will gain your progress indicator.</p>
</div>
<script>
bender.tools.ignoreUnsupportedEnvironment( 'easyimage' );
CKEDITOR.addCss( '.progress-wrapper { outline: 2px solid green; position: relative; background: #000; color: #fff; }' );
CKEDITOR.replace( 'classic', {
extraAllowedContent: 'div(progress-wrapper)',
contentsCss: [
'/apps/ckeditor/plugins/easyimage/styles/easyimage.css'
],
language: 'ar',
on: {
instanceReady: function( evt ) {
loader = new CKEDITOR.plugins.imagebase.progressBar();
this.editable().findOne( 'div' ).append( loader.wrapper, true );
loader.updated( 0.3 );
}
}
} );
</script>
|
