Changes between Initial Version and Version 1 of Ticket #10197


Ignore:
Timestamp:
Mar 15, 2013, 2:06:20 PM (7 years ago)
Author:
Jakub Ś
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #10197

    • Property Status changed from new to confirmed
    • Property Version changed from 4.0.1 to 4.0 Beta
  • Ticket #10197 – Description

    initial v1  
    1 [I'm not going to spend too much time trying to get this thing to format nicely in your wiki - please edit as you see fit.]
     11. Put below code into inlinebycode sample
     2{{{
     3CKEDITOR.disableAutoInline = true;
    24
    3 In our application we use both the full editor and the inline editor in different contexts. With few exceptions we try to use the same configuration for both modes of the editor. On the full editor we can disable object resizing with the following addition to the config object that is passed to CKEDITOR.replace():
     5var editor = CKEDITOR.inline( 'editable', {
     6        disableObjectResizing : true
     7});
     8}}}
     92. You can also try putting disableObjectResizing into config.js
    410
    5 'disableObjectResizing' : true
    6 
    7 When we use the inline editor we change the config properties adhoc and the same setting looks like:
    8 
    9 editor.config.disableObjectResizing = true;
    10 
    11 However when we are working on a document in the inline editor which has this setting active and an image within the document, clicking the image produces the 8 grippers around the perimeter and allows resizing. The inline editor does not appear to be respecting this configuration setting.
    12 
    13 Here is what the relevant segment of our inline editor config looks like:
    14 <blockquote style="background-color: black; color: #CCCCCC;">
    15 <code style="background-color: black; color: #CCCCCC;">
    16 // These get filled up with a function call<br/>
    17 var extraPlugins = [];<br/>
    18 var extraButtons = '';<br/>
    19 <br/>
    20 CKEDITOR.disableAutoInline = true;<br/>
    21 <br/>
    22 CKEDITOR.on( 'instanceCreated', function( event ) {<br/>
    23 <ul>
    24         var editor = event.editor;<br/>
    25         editor.on( 'configLoaded', function() {<br/>
    26 <ul>
    27                 editor.config.customConfig = '';<br/>
    28                 editor.config.filebrowserImageUploadUrl = uploaderURI;<br/>
    29                 editor.config.pasteFromWordRemoveFontStyles = false;<br/>
    30                 editor.config.pasteFromWordRemoveStyles = false;<br/>
    31                 editor.config.disableObjectResizing = true;<br/>
    32                 editor.config.extraPlugins = extraPlugins.join();<br/>
    33                 editor.config.toolbar = [<br/>
    34 <ul>
    35                         ['Undo','Redo'],<br/>
    36                         ['NumberedList','BulletedList','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','Outdent','Indent'],<br/>
    37                         ['PasteFromWord','SpellCheck'],<br/>
    38                         ['Link','Image','Table','HorizontalRule'],<br/>
    39                         '/',<br/>
    40                         ['Bold','Italic','Underline','Strike','TextColor','BGColor','RemoveFormat'],<br/>
    41                         ['Styles','Format','Font','FontSize'],<br/>
    42                         extraButtons<br/>
    43 </ul>
    44                 ];<br/>
    45 </ul>
    46         });<br/>
    47 </ul>
    48 });<br/>
    49 </code>
    50 </blockquote>
    51 
    52 And this is the equivalent for the full editor:
    53 <blockquote style="background-color: black; color: #CCCCCC;">
    54 <code style="background-color: black; color: #CCCCCC;">
    55 CKEDITOR.replace(this.basename, {<br/>
    56 <ul>
    57         'customConfig': '',<br/>
    58         'disableNativeSpellChecker': false,<br/>
    59         'browserContextMenuOnCtrl': true,<br/>
    60         'width': '100%',<br/>
    61         'height': '400px',<br/>
    62         'filebrowserImageUploadUrl' : uploaderURI,<br/>
    63         'toolbarStartupExpanded' : (hidetoolbar ? false : true),<br/>
    64         'toolbarCanCollapse' : true,<br/>
    65         'extraPlugins': extraPlugins.join(),<br/>
    66         'disableObjectResizing' : true,<br/>
    67         'pasteFromWordRemoveFontStyles' : false,<br/>
    68         'pasteFromWordRemoveStyles' : false,<br/>
    69         'toolbar_RCI' : [<br/>
    70 <ul>
    71                 { name: 'r1g1', items : [ 'Print', 'Source' ] },<br/>
    72                 { name: 'r1g2', items : [ 'Undo', 'Redo'] },<br/>
    73                 { name: 'r1g3', items : [ 'NumberedList', 'BulletedList', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'Outdent', 'Indent' ] },<br/>
    74                 { name: 'r1g4', items : [ 'PasteFromWord', 'SpellCheck' ] },<br/>
    75                 { name: 'r1g5', items : [ 'Link', 'Image', 'Table', 'HorizontalRule' ] },<br/>
    76                 { name: 'r1g6', items : [ 'ShowBlocks', 'Maximize' ] },<br/>
    77                 '/',<br/>
    78                 { name: 'r2g1', items : [ 'Bold', 'Italic', 'Underline', 'Strike', 'TextColor', 'BGColor', 'RemoveFormat' ] },<br/>
    79                 { name: 'r2g2', items : [ 'Styles', 'Format', 'Font', 'FontSize' ] },<br/>
    80                 { name: 'r2g3', items : extraButtons }<br/>
    81 </ul>
    82         ],<br/>
    83         'toolbar' : 'RCI',<br/>
    84         'on': {<br/>
    85 <ul>
    86                 'instanceReady': function(event) {<br/>
    87                         that.callbackEditorLoaded(this);<br/>
    88                 },<br/>
    89                 'key': ( function () { that.eventListener(); } ),<br/>
    90                 'blur': ( function () { that.eventListener(); } ),<br/>
    91                 'saveSnapshot': ( function () { that.eventListener(); } ),<br/>
    92                 'afterCommandExec': ( function () { that.eventListener(); } ),<br/>
    93                 'insertHtml': ( function () { that.eventListener(); } ),<br/>
    94                 'insertElement': ( function () { that.eventListener(); } ),<br/>
    95                 'focus': ( function () { that.eventListener(); } )<br/>
    96 </ul>
    97         }<br/>
    98 </ul>
    99 });<br/>
    100 </code>
    101 </blockquote>
    102 
    103 
     11It is still possible to resize images with inline editor in Firefox or IE (Please do not confuse with #9317).
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy