Changes for page ImageEditorService

Last modified by Thomas Coelho (local) on 2023/07/26 11:23

From version 2.1
edited by Thomas Coelho (local)
on 2022/06/09 15:07
Change comment: Install extension [org.xwiki.contrib:application-ckeditor-ui/1.64]
To version 5.1
edited by Thomas Coelho (local)
on 2023/07/26 11:23
Change comment: Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/15.5]

Summary

Details

Page properties
Content
... ... @@ -113,6 +113,9 @@
113 113   $services.icon.renderHTML('unlock')
114 114   </button>
115 115   </dd>
116 + <dd class='hidden has-warning'>
117 + <span class="help-block outscaleWarning"></span>
118 + </dd>
116 116   <dt>
117 117   <label for="imageBorder">
118 118   $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.border.label'))
... ... @@ -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>
138 + <dd class="alignments">
136 136   <label>
137 - <input type="radio" name="alignment" value="none"/>
138 - $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.none'))
140 + #set ($noneOptionLabel = $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.none')))
141 + <input type="radio" name="alignment" value="none"/>$noneOptionLabel
139 139   </label>
140 140   <label>
141 - <input type="radio" name="alignment" value="start"/>
142 - $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.start'))
144 + #set ($startOptionLabel = $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.start')))
145 + <input type="radio" name="alignment" value="start"/>$startOptionLabel
143 143   </label>
144 144   <label>
145 - <input type="radio" name="alignment" value="center"/>
146 - $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.center'))
148 + #set ($centerOptionLabel = $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.center')))
149 + <input type="radio" name="alignment" value="center"/>$centerOptionLabel
147 147   </label>
148 148   <label>
149 - <input type="radio" name="alignment" value="end"/>
150 - $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.end'))
152 + #set ($endOptionLabel = $escapetool.xml($services.localization.render('ckeditor.plugin.image.imageEditor.advancedTab.alignment.option.end')))
153 + <input type="radio" name="alignment" value="end"/>$endOptionLabel
151 151   </label>
152 152   </dd>
153 153   <dt>
... ... @@ -165,10 +165,6 @@
165 165   </form>
166 166   </div>
167 167   </div>
168 - <input type="hidden" name="defaultImageStylesRestURL" id="defaultImageStylesRestURL"
169 - value="$services.imageStyle.getDefaultImageStyleRestPath()" />
170 - <input type="hidden" name="imageStylesRestURL" id="imageStylesRestURL"
171 - value="$services.imageStyle.getImageStylesRestPath()" />
172 172  </div>
173 173  {{/html}}
174 174  #end
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,3 +1,11 @@
1 1  #advanced .image-size-lock {
2 2   margin-top: -2px;
3 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 +}
Parse content
... ... @@ -1,1 +1,1 @@
1 -Yes
1 +No
Content Type
... ... @@ -1,1 +1,1 @@
1 -CSS
1 +LESS
XWiki.UIExtensionClass[0]
Asynchronous rendering
... ... @@ -1,0 +1,1 @@
1 +No
Extension Point ID
... ... @@ -1,0 +1,1 @@
1 +org.xwiki.platform.template.header.after
Cached
... ... @@ -1,0 +1,1 @@
1 +No
Extension Scope
... ... @@ -1,0 +1,1 @@
1 +wiki
Extension ID
... ... @@ -1,0 +1,1 @@
1 +org.xwiki.platform.ckeditor.imageEditorService.template.header.after
Executed Content
... ... @@ -1,0 +1,10 @@
1 +{{velocity}}
2 +{{html}}
3 +<div class="hidden">
4 +<input type="hidden" name="defaultImageStylesRestURL" id="defaultImageStylesRestURL"
5 + value="$escapetool.xml($services.imageStyle.getDefaultImageStyleRestPath())" />
6 +<input type="hidden" name="imageStylesRestURL" id="imageStylesRestURL"
7 + value="$escapetool.xml($services.imageStyle.getImageStylesRestPath())" />
8 +</div>
9 +{{/html}}
10 +{{/velocity}}