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 | | |
| 11 | It is still possible to resize images with inline editor in Firefox or IE (Please do not confuse with #9317). |