Skip to Content

Changes for page ImageEditorService

Last modified by Thomas Coelho (local) on 2023/07/26 11:23
From version 3.1
edited by Thomas Coelho
on 2022/12/01 09:41
Change comment: Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/14.9]
To version 1.1
edited by Thomas Coelho (local)
on 2022/05/27 15:18
Change comment: Install extension [org.xwiki.contrib:application-ckeditor-ui/1.63.1]

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.thw
1 +XWiki.coelho
Content
... ... @@ -51,7 +51,7 @@
51 51   #set ($discard = $xwiki.linkx.use($services.webjars.url('selectize.js', 'css/selectize.bootstrap3.css'),
52 52   {'type': 'text/css', 'rel': 'stylesheet'}))
53 53   #set ($discard = $xwiki.ssfx.use('uicomponents/suggest/xwiki.selectize.css', true))
54 - #set ($discard = $xwiki.ssx.use('CKEditor.ImageEditorService'))
54 + #set ($discard = $xwiki.jsx.use('CKEditor.ImageEditorService'))
55 55   <select id="imageStyles"></select>
56 56   </dd>
57 57   #end
... ... @@ -100,18 +100,12 @@
100 100   <dd>
101 101   <label>
102 102   $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.size.width.label'))
103 - <input type="text" name="imageWidth" id="imageWidth" />
103 + <input type="number" name="imageWidth" id="imageWidth" />
104 104   </label>
105 105   <label>
106 106   $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.size.height.label'))
107 - <input type="text" name="imageHeight" id="imageHeight" />
107 + <input type="number" name="imageHeight" id="imageHeight" />
108 108   </label>
109 - <button type="button" class="btn btn-default image-size-lock image-size-locked">
110 - $services.icon.renderHTML('lock')
111 - </button>
112 - <button type="button" class="btn btn-default image-size-lock image-size-unlocked hidden">
113 - $services.icon.renderHTML('unlock')
114 - </button>
115 115   </dd>
116 116   <dt>
117 117   <label for="imageBorder">
... ... @@ -132,22 +132,22 @@
132 132   $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.hint'))
133 133   </span>
134 134   </dt>
135 - <dd class="alignments">
129 + <dd>
136 136   <label>
137 - #set ($noneOptionLabel = $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.none')))
138 - <input type="radio" name="alignment" value="none"/>$noneOptionLabel
131 + <input type="radio" name="alignment" value="none"/>
132 + $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.none'))
139 139   </label>
140 140   <label>
141 - #set ($startOptionLabel = $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.start')))
142 - <input type="radio" name="alignment" value="start"/>$startOptionLabel
135 + <input type="radio" name="alignment" value="start"/>
136 + $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.start'))
143 143   </label>
144 144   <label>
145 - #set ($centerOptionLabel = $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.center')))
146 - <input type="radio" name="alignment" value="center"/>$centerOptionLabel
139 + <input type="radio" name="alignment" value="center"/>
140 + $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.center'))
147 147   </label>
148 148   <label>
149 - #set ($endOptionLabel = $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.end')))
150 - <input type="radio" name="alignment" value="end"/>$endOptionLabel
143 + <input type="radio" name="alignment" value="end"/>
144 + $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.end'))
151 151   </label>
152 152   </dd>
153 153   <dt>
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,1 +1,0 @@
1 -long
Code
... ... @@ -1,11 +1,0 @@
1 -#advanced .image-size-lock {
2 - margin-top: -2px;
3 -}
4 -
5 -#advanced .alignments label {
6 - margin-right: 1em;
7 -}
8 -
9 -#standard .xform, #advanced .xform {
10 - margin-top: floor(@font-size-base * 1.4);
11 -}
Content Type
... ... @@ -1,1 +1,0 @@
1 -LESS
Parse content
... ... @@ -1,1 +1,0 @@
1 -No
Use this extension
... ... @@ -1,1 +1,0 @@
1 -onDemand