0 Votes

Changes for page Start here if you're new

Last modified by Ryan C on 2025/06/28 04:59

From version 32.1
edited by Ryan C
on 2025/05/14 15:58
Change comment: There is no comment for this version
To version 25.1
edited by Ryan C
on 2025/05/14 15:37
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -14,48 +14,23 @@
14 14  
15 15  The example macro in XWiki is an underrated powerhouse—great for *teaching*, *showcasing macros*, *hiding complex markup*, and *letting users play with source-output pairs*. Here are some **highly effective and interesting uses**:
16 16  
17 +-----
17 17  
18 -
19 -== ⚡ **Using the / Macro Shortcut** ==
20 -
21 -The / macro shortcut is a powerful and quick way to insert macros while editing pages in XWiki's WYSIWYG editor:
22 -
23 -* Simply type / and start typing the macro name or feature you want to add.
24 -* You'll see suggestions appear as you type. Select the macro to insert it directly without manual syntax.
25 -* Example macros include:
26 -** /toc – Table of Contents
27 -** /box – Insert Box Macro
28 -** /gallery – Image Gallery
29 -** /footnote – Add footnotes to your text
30 -** /code – Code blocks for programming snippets
31 -
32 -This shortcut dramatically speeds up editing, no need to memorize complicated wiki syntax
33 -
34 -----
35 -
36 36  ## 🧪 1. **Macro Showcase: Source-to-Output Toggle**##
37 37  
38 -In this section we will go over many of the common macros used. The source code is how you use the macro editing in Wiki mode. If you are doing standard WYSIWYG edit mode (the default mode you get when you click edit instead of the dropdown), you can call most of these macros by simply typing /thecommand
21 +Show how a macro works without cluttering the page with raw syntax.
39 39  
40 40  
41 -== Gallery Macro `/gallery` ==
24 +== Gallery Macro ==
42 42  
43 43  {{example}}
44 44  {{gallery}}
45 -[[1747262485678-297.png]]
28 +[[image:photo1.jpg]]
46 46  [[image:photo2.jpg]]
47 47  {{/gallery}}
48 48  {{/example}}
49 49  
50 50  
51 -== Alternatively `/carousel` ==
52 -
53 -{{example}}
54 -{{carousel/}}
55 -
56 -
57 -{{/example}}
58 -
59 59  == Boilerplate Box ==
60 60  
61 61  {{example}}
... ... @@ -74,7 +74,7 @@
74 74  {{/example}}
75 75  
76 76  
77 -== Info vs Warning `/info box` ==
52 +== Info vs Warning ==
78 78  
79 79  {{example}}
80 80  {{info}}
... ... @@ -86,15 +86,10 @@
86 86  {{/warning}}
87 87  {{/example}}
88 88  
89 -== Footnote Demo `/footnote and /put footnotes` put the put footnotes macro at the bottom where you want the references ==
64 +== Footnote Demo ==
90 90  
91 -{{example}}
92 -footnote{{footnote}} https://www.thewhitearchive.org/bin/view/Guides%20and%20Help/Start%20here%20if%20you're%20new/#edit{{/footnote}}
66 +footnote{{footnote}} a footnote source{{/footnote}}
93 93  
94 -{{putFootnotes/}}
95 -{{/example}}
96 -
97 -
98 98  == Groovy Lookup ==
99 99  
100 100  {{example}}
... ... @@ -105,7 +105,7 @@
105 105  {{/example}}
106 106  
107 107  
108 -== Expandable Summary `/expandable`  VERY USEFUL MACRO ==
78 +== Expandable Summary ==
109 109  
110 110  {{example}}
111 111  {{expandable summary="🧠 Study Summary"}}
... ... @@ -133,9 +133,21 @@
133 133  {{/code}}
134 134  {{/example}}
135 135  
136 -== ==
106 +== Audio Embedding ==
137 137  
108 +{{example}}
109 +{{html}}
110 +<audio controls>
111 + <source src="/bin/download/Sandbox/TestPage2/Anti-Black%20racial%20slur%20was%20found%20written%20on%20high%20school%20desk%20in%20Rockville.mp3" type="audio/mpeg">
112 + Your browser does not support the audio element.
113 +</audio>
114 +{{/html}}
115 +{{/example}}
138 138  
117 +This page covers all the essential steps and tips you need to create great content in XWiki without any confusion.
118 +
119 +== ==
120 +
139 139  == 📎 **Attachments and Images** ==
140 140  
141 141  You can easily upload files and images directly from the WYSIWYG editor:
... ... @@ -147,19 +147,6 @@
147 147  * Drag-and-drop or select your file to upload it instantly.
148 148  * Uploaded files will automatically be listed as attachments at the bottom of your page.
149 149  
150 -== Audio Embedding for attached media its better to use the code sometimes but you can embed media with `/embed content` for external media and `/embed JWPlayer` ==
151 -
152 -{{example}}
153 -{{html}}
154 -<audio controls>
155 - <source src="/bin/download/Sandbox/TestPage2/Anti-Black%20racial%20slur%20was%20found%20written%20on%20high%20school%20desk%20in%20Rockville.mp3" type="audio/mpeg">
156 - Your browser does not support the audio element.
157 -</audio>
158 -{{/html}}
159 -{{/example}}
160 -
161 -This page covers all the essential steps and tips you need to create great content in XWiki without any confusion.
162 -
163 163  === **Inserting Images with Enlargable Thumbnails** ===
164 164  
165 165  1. In the editor, click the **"Insert Image"** icon from the toolbar.
... ... @@ -166,27 +166,25 @@
166 166  1. Upload or select the image.
167 167  1. Choose the **Thumbnail option** to create a clickable enlargable preview automatically.
168 168  
169 -[[image:1747262485678-297.png||data-xwiki-image-style="thumbnail-clickable" width="200"]]
138 +----
170 170  
171 -== ==
140 +== **Using the / Macro Shortcut** ==
172 172  
173 -(((
174 -=== **You can also use this format to insert images** ===
142 +The / macro shortcut is a powerful and quick way to insert macros while editing pages in XWiki's WYSIWYG editor:
175 175  
176 -{{example}}
177 -~[~[image~:1747262485678-297.png]]
178 -{{/example}}
144 +* Simply type / and start typing the macro name or feature you want to add.
145 +* You'll see suggestions appear as you type. Select the macro to insert it directly without manual syntax.
146 +* Example macros include:
147 +** /toc – Table of Contents
148 +** /box – Insert Box Macro
149 +** /gallery – Image Gallery
150 +** /footnote – Add footnotes to your text
151 +** /code – Code blocks for programming snippets
179 179  
180 -
181 -)))
153 +This shortcut dramatically speeds up editing, no need to memorize complicated wiki syntax.
182 182  
183 -{{code}}
184 - [[image:example.jpg]]
185 -{{/code}}
155 +----
186 186  
187 -
188 -== ==
189 -
190 190  == ✏️** Basic Formatting and Links (Quick Guide)** ==
191 191  
192 192  * **Bold text**: Select text, click the **Bold** button or press Ctrl + B.
... ... @@ -229,6 +229,7 @@
229 229  
230 230  * **WYSIWYG (What You See Is What You Get) Editor**: Ideal for users unfamiliar with wiki syntax, this editor provides a user-friendly interface resembling traditional word processors. It allows for straightforward text formatting, image insertion, and link creation without delving into markup language. citeturn0search0
231 231  * **Wiki Editor**: This mode enables direct editing using XWiki’s markup syntax. It’s suitable for users comfortable with wiki syntax and those requiring precise control over the content structure.
199 +* **Inline Form Editing**: Used primarily for pages containing structured data or custom applications, this mode presents editable fields directly within the page view, streamlining data entry and updates.
232 232  
233 233  == **Essential Formatting Options** ==
234 234  
... ... @@ -243,6 +243,62 @@
243 243  {{/code}}
244 244  
245 245  
214 +=== **Text Formatting** ===
215 +
216 +
217 +
218 +*
219 +** (((
220 +=== **Bold**: Surround text with double asterisks. ===
221 +)))
222 +
223 +{{code}}
224 +**bold text**
225 +{{/code}}
226 +
227 +
228 +*
229 +** (((
230 +=== **Italics**: Use double underscores. ===
231 +)))
232 +
233 +{{code}}
234 +__italic text__
235 +{{/code}}
236 +
237 +
238 +*
239 +** (((
240 +=== **Underline**: Enclose text with double tildes. ===
241 +)))
242 +
243 +{{code}}
244 +~~underlined text~~
245 +{{/code}}
246 +
247 +
248 +*
249 +** (((
250 +=== **Unordered List**: Begin lines with asterisk (*) or hyphen (-). ===
251 +)))
252 +
253 +{{code}}
254 +* Item 1
255 +* Item 2
256 +{{/code}}
257 +
258 +
259 +*
260 +** (((
261 +=== **Ordered List**: Start lines with a number followed by a period. ===
262 +)))
263 +
264 +{{code}}
265 +1. First item
266 +2. Second item
267 +{{/code}}
268 +
269 +
246 246  == **Links** ==
247 247  
248 248  
... ... @@ -262,9 +262,14 @@
262 262  {{/code}}
263 263  
264 264  (((
265 -=== ===
289 +=== **Images** ===
266 266  )))
267 267  
292 +{{code}}
293 + [[image:example.jpg]]
294 +{{/code}}
295 +
296 +
268 268  == **Utilizing XWiki Macros** ==
269 269  
270 270  Macros are powerful tools in XWiki that allow for dynamic content inclusion and advanced formatting. Here are ten notable macros to consider:
1747262485678-297.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.AdminAngriff
Size
... ... @@ -1,1 +1,0 @@
1 -1.6 MB
Content