screenshot_paste/example.html at master · brightsolutions/screenshot_paste · GitHub

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

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
<!--<script type="text/javascript" src="js/plugin.js"></script>
<style type="text/css">
  div.cke_button__screenshotpaste {
    display: inline-block;
    height: 18px;
    padding: 4px 6px;
    outline: rgb(0, 0, 0);
    cursor: default;
    float: left;
    border: 0px;
  }
  div.cke_button__screenshotpaste .cke_button_label {
    display:inline !important;
  }
</style>-->
<script type="text/javascript">
//<![CDATA[
  var sURL  = '/';

  CKEDITOR.plugins.addExternal( 'screenshot_paste', sURL, 'plugin.js' );
  $(function() {
	// Replace the <textarea id="editor1"> with a CKEditor
	// instance, using default configuration.
	CKEDITOR.replace( 'editor__1',
		{
			extraPlugins : 'screenshot_paste',
			toolbar :
			[
				[ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
				[ 'ScreenshotPaste' ]
			]
		});

	CKEDITOR.replace( 'editor2',
		{
			extraPlugins : 'screenshot_paste',
			toolbar :
			[
				[ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
				[ 'ScreenshotPaste' ]
			]
		});
  });
//]]>
</script>

<textarea name="editor1" id="editor__1"></textarea>
<textarea name="editor2" id="editor2"></textarea>