Index: branches/5.2.x/admin/system_presets/simple/inp_ckconfig.js
===================================================================
--- branches/5.2.x/admin/system_presets/simple/inp_ckconfig.js
+++ branches/5.2.x/admin/system_presets/simple/inp_ckconfig.js
@@ -24,7 +24,7 @@
CKEDITOR.config.entities = false;
-CKEDITOR.config.extraPlugins = 'my_link,my_document,my_maximize,my_inline';
+CKEDITOR.config.extraPlugins = 'my_link,my_document,my_maximize,my_inline,sourcedialog';
//CKEDITOR.plugins.add('MySource');
//CKEDITOR.plugins.add('MyPreview');
@@ -58,7 +58,7 @@
['Find', 'Replace', 'Scayt'],
'/',
['Styles'], ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'],
- ['NumberedList', 'BulletedList', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
+ ['NumberedList', 'BulletedList', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'Sourcedialog']
];
/*CKEDITOR.config.toolbar_Simple = [
Index: branches/5.2.x/core/admin_templates/js/inp_ckconfig.js
===================================================================
--- branches/5.2.x/core/admin_templates/js/inp_ckconfig.js
+++ branches/5.2.x/core/admin_templates/js/inp_ckconfig.js
@@ -24,7 +24,7 @@
CKEDITOR.config.entities = false;
-CKEDITOR.config.extraPlugins = 'my_link,my_document,my_maximize,my_inline';
+CKEDITOR.config.extraPlugins = 'my_link,my_document,my_maximize,my_inline,sourcedialog';
//CKEDITOR.plugins.add('MySource');
//CKEDITOR.plugins.add('MyPreview');
@@ -58,7 +58,7 @@
['Find', 'Replace', 'Scayt'],
'/',
['Styles'], ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'],
- ['NumberedList', 'BulletedList', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
+ ['NumberedList', 'BulletedList', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'Sourcedialog']
];
/*CKEDITOR.config.toolbar_Simple = [
Index: branches/5.2.x/core/ckeditor/plugins/sourcedialog/dialogs/sourcedialog.js
===================================================================
--- branches/5.2.x/core/ckeditor/plugins/sourcedialog/dialogs/sourcedialog.js
+++ branches/5.2.x/core/ckeditor/plugins/sourcedialog/dialogs/sourcedialog.js
@@ -0,0 +1,79 @@
+/**
+ * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+CKEDITOR.dialog.add( 'sourcedialog', function( editor ) {
+ var size = CKEDITOR.document.getWindow().getViewPaneSize();
+
+ // Make it maximum 800px wide, but still fully visible in the viewport.
+ var width = Math.min( size.width - 70, 800 );
+
+ // Make it use 2/3 of the viewport height.
+ var height = size.height / 1.5;
+
+ // Store old editor data to avoid unnecessary setData.
+ var oldData;
+
+ return {
+ title: editor.lang.sourcedialog.title,
+ minWidth: 100,
+ minHeight: 100,
+
+ onShow: function() {
+ this.setValueOf( 'main', 'data', oldData = editor.getData() );
+ },
+
+ onOk: ( function() {
+ function setData( dialog, newData ) {
+ // [IE8] Focus editor before setting selection to avoid setting data on
+ // locked selection, because in case of inline editor, it won't be
+ // unlocked before editable's HTML is altered. (#11585)
+ editor.focus();
+ editor.setData( newData, function() {
+ dialog.hide();
+
+ // Ensure correct selection.
+ var range = editor.createRange();
+ range.moveToElementEditStart( editor.editable() );
+ range.select();
+ } );
+ }
+
+ return function() {
+ // Remove CR from input data for reliable comparison with editor data.
+ var newData = this.getValueOf( 'main', 'data' ).replace( /\r/g, '' ),
+ that = this;
+
+ // Avoid unnecessary setData. Also preserve selection
+ // when user changed his mind and goes back to wysiwyg editing.
+ if ( newData === oldData )
+ return true;
+
+ setTimeout( function() {
+ setData( that, newData );
+ } );
+
+ // Don't let the dialog close before setData is over, to hide
+ // from user blinking caused by selection restoring and setting new data.
+ return false;
+ };
+ } )(),
+
+ contents: [ {
+ id: 'main',
+ label: editor.lang.sourcedialog.title,
+ elements: [ {
+ type: 'textarea',
+ id: 'data',
+ dir: 'ltr',
+ inputStyle: 'cursor:auto;' +
+ 'width:' + width + 'px;' +
+ 'height:' + height + 'px;' +
+ 'tab-size:4;' +
+ 'text-align:left;',
+ 'class': 'cke_source'
+ } ]
+ } ]
+ };
+} );
Index: branches/5.2.x/core/ckeditor/plugins/sourcedialog/lang/en.js
===================================================================
--- branches/5.2.x/core/ckeditor/plugins/sourcedialog/lang/en.js
+++ branches/5.2.x/core/ckeditor/plugins/sourcedialog/lang/en.js
@@ -0,0 +1,9 @@
+/*
+Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+CKEDITOR.plugins.setLang( 'sourcedialog', 'en', {
+ toolbar: 'Source',
+ title: 'Source'
+} );
Index: branches/5.2.x/core/ckeditor/plugins/sourcedialog/plugin.js
===================================================================
--- branches/5.2.x/core/ckeditor/plugins/sourcedialog/plugin.js
+++ branches/5.2.x/core/ckeditor/plugins/sourcedialog/plugin.js
@@ -0,0 +1,29 @@
+/**
+ * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+CKEDITOR.plugins.add( 'sourcedialog', {
+ // jscs:disable maximumLineLength
+ lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,de-ch,el,en,en-au,en-ca,en-gb,eo,es,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,id,is,it,ja,ka,km,ko,ku,lt,lv,mn,ms,nb,nl,no,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%
+ // jscs:enable maximumLineLength
+ icons: 'sourcedialog,sourcedialog-rtl', // %REMOVE_LINE_CORE%
+ hidpi: true, // %REMOVE_LINE_CORE%
+
+ init: function( editor ) {
+ // Register the "source" command, which simply opens the "source" dialog.
+ editor.addCommand( 'sourcedialog', new CKEDITOR.dialogCommand( 'sourcedialog' ) );
+
+ // Register the "source" dialog.
+ CKEDITOR.dialog.add( 'sourcedialog', this.path + 'dialogs/sourcedialog.js' );
+
+ // If the toolbar is available, create the "Source" button.
+ if ( editor.ui.addButton ) {
+ editor.ui.addButton( 'Sourcedialog', {
+ label: editor.lang.sourcedialog.toolbar,
+ command: 'sourcedialog',
+ toolbar: 'mode,10'
+ } );
+ }
+ }
+} );
Index: branches/5.2.x/core/ckeditor/plugins/sourcedialog/samples/sourcedialog.html
===================================================================
--- branches/5.2.x/core/ckeditor/plugins/sourcedialog/samples/sourcedialog.html
+++ branches/5.2.x/core/ckeditor/plugins/sourcedialog/samples/sourcedialog.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+-->
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>Editing source code in a dialog — CKEditor Sample</title>
+ <script src="../../../ckeditor.js"></script>
+ <link rel="stylesheet" href="../../../samples/old/sample.css">
+ <meta name="ckeditor-sample-name" content="Editing source code in a dialog">
+ <meta name="ckeditor-sample-group" content="Plugins">
+ <meta name="ckeditor-sample-description" content="Editing HTML content of both inline and classic editor instances.">
+ <meta name="ckeditor-sample-isnew" content="1">
+ <style>
+
+ #editable
+ {
+ padding: 10px;
+ float: left;
+ }
+
+ </style>
+</head>
+<body>
+ <h1 class="samples">
+ <a href="../../../samples/old/index.html">CKEditor Samples</a> » Editing source code in a dialog
+ </h1>
+ <div class="warning deprecated">
+ This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/sourcearea.html">brand new version in CKEditor SDK</a>.
+ </div>
+ <div class="description">
+ <p>
+ <strong>Sourcedialog</strong> plugin provides an easy way to edit raw HTML content
+ of an editor, similarly to what is possible with <strong>Sourcearea</strong>
+ plugin for classic (<code>iframe</code>-based) instances but using dialogs. Thanks to that, it's also possible
+ to manipulate raw content of inline editor instances.
+ </p>
+ <p>
+ This plugin extends the toolbar with a button,
+ which opens a dialog window with a source code editor. It works with both classic
+ and inline instances. To enable this
+ plugin, basically add <code>extraPlugins: 'sourcedialog'</code> to editor's
+ config:
+ </p>
+<pre class="samples">
+// Inline editor.
+CKEDITOR.inline( 'editable', {
+ <strong>extraPlugins: 'sourcedialog'</strong>
+});
+
+// Classic (iframe-based) editor.
+CKEDITOR.replace( 'textarea_id', {
+ <strong>extraPlugins: 'sourcedialog'</strong>,
+ removePlugins: 'sourcearea'
+});
+</pre>
+ <p>
+ Note that you may want to include <code>removePlugins: 'sourcearea'</code>
+ in your config when using <strong>Sourcedialog</strong> in classic editor instances.
+ This prevents feature redundancy.
+ </p>
+ <p>
+ Note that <code>editable</code> in the code above is the <code>id</code>
+ attribute of the <code><div></code> element to be converted into an inline instance.
+ </p>
+ <p>
+ Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
+ the <code><textarea></code> element to be replaced with CKEditor.
+ </p>
+ </div>
+ <div>
+ <label for="editor1">
+ Inline editor:
+ </label>
+ <div id="editor1" contenteditable="true" style="padding: 5px 20px;">
+ <p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>
+ </div>
+ </div>
+ <br>
+ <div>
+ <label for="editor2">
+ Classic editor:
+ </label>
+ <textarea cols="80" id="editor2" name="editor2" rows="10">
+ This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.
+ </textarea>
+ </div>
+ <script>
+
+ // We need to turn off the automatic editor creation first.
+ CKEDITOR.disableAutoInline = true;
+
+ var config = {
+ toolbarGroups: [
+ { name: 'mode' },
+ { name: 'basicstyles' },
+ { name: 'links' }
+ ],
+ extraPlugins: 'sourcedialog',
+ removePlugins: 'sourcearea'
+ }
+
+ CKEDITOR.inline( 'editor1', config );
+ CKEDITOR.replace( 'editor2', config );
+
+ </script>
+ <div id="footer">
+ <hr>
+ <p>
+ CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">
+ http://ckeditor.com</a>
+ </p>
+ <p id="copy">
+ Copyright © 2003-2016, <a class="samples" href="http://cksource.com/">CKSource</a>
+ - Frederico Knabben. All rights reserved.
+ </p>
+ </div>
+</body>
+</html>