0 Votes

Changes for page Start here if you're new

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

From version 23.1
edited by Ryan C
on 2025/05/14 15:33
Change comment: There is no comment for this version
To version 33.1
edited by Ryan C
on 2025/05/14 15:59
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -14,26 +14,50 @@
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 ----
18 18  
19 -## 🧪 1. **Macro Showcase: Source-to-Output Toggle**
20 20  
21 -Show how a macro works without cluttering the page with raw syntax.
19 +== **Using the / Macro Shortcut** ==
22 22  
21 +The / macro shortcut is a powerful and quick way to insert macros while editing pages in XWiki's WYSIWYG editor:
23 23  
24 -== Gallery Macro ==
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
25 25  
26 -{{example}}
32 +This shortcut dramatically speeds up editing, no need to memorize complicated wiki syntax
27 27  
34 +----
35 +
36 +## 🧪 1. **Macro Showcase: Source-to-Output Toggle**##
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
39 +
40 +
41 +== Gallery Macro `/gallery` ==
42 +
43 +{{example}}
28 28  {{gallery}}
29 -[[image:photo1.jpg]]
45 +[[1747262485678-297.png]]
30 30  [[image:photo2.jpg]]
31 31  {{/gallery}}
32 -
33 33  {{/example}}
34 34  
35 35  
51 +== Alternatively `/carousel` ==
52 +
53 +{{example}}
54 +{{carousel/}}
55 +
56 +
57 +{{/example}}
58 +
36 36  == Boilerplate Box ==
60 +
37 37  {{example}}
38 38  {{box cssClass="highlight"}}
39 39  Insert your highlighted content here.
... ... @@ -41,6 +41,7 @@
41 41  {{/example}}
42 42  
43 43  == Velocity Greeting ==
68 +
44 44  {{example}}
45 45  {{velocity}}
46 46  #set($name = "Visitor")
... ... @@ -49,20 +49,29 @@
49 49  {{/example}}
50 50  
51 51  
52 -== Info vs Warning ==
77 +== Info vs Warning `/info box` ==
78 +
53 53  {{example}}
54 -{{info}}This is an info box.{{/info}}
80 +{{info}}
81 +This is an info box.
82 +{{/info}}
55 55  
56 -{{warning}}This is a warning box.{{/warning}}
84 +{{warning}}
85 +This is a warning box.
86 +{{/warning}}
57 57  {{/example}}
58 58  
59 -== Footnote Demo ==
89 +== Footnote Demo `/footnote and /put footnotes` put the put footnotes macro at the bottom where you want the references ==
90 +
60 60  {{example}}
61 -This claim needs a source{{footnote}}Here it is.{{/footnote}}.
92 +footnote{{footnote}} https://www.thewhitearchive.org/bin/view/Guides%20and%20Help/Start%20here%20if%20you're%20new/#edit{{/footnote}}
93 +
62 62  {{putFootnotes/}}
63 63  {{/example}}
64 64  
97 +
65 65  == Groovy Lookup ==
99 +
66 66  {{example}}
67 67  {{groovy}}
68 68  def now = new Date()
... ... @@ -71,15 +71,8 @@
71 71  {{/example}}
72 72  
73 73  
74 -== Access Current User ==
75 -{{example}}
76 -{{velocity}}
77 -Current user: **$xcontext.user**
78 -{{/velocity}}
79 -{{/example}}
108 +== Expandable Summary `/expandable`  VERY USEFUL MACRO ==
80 80  
81 -
82 -== Expandable Summary ==
83 83  {{example}}
84 84  {{expandable summary="🧠 Study Summary"}}
85 85  Key findings go here.
... ... @@ -87,15 +87,18 @@
87 87  {{/example}}
88 88  
89 89  == List Formatting ==
117 +
90 90  {{example}}
91 91  *Bad formatting*
120 +
92 92  * use - inconsistently
93 93  ** Good formatting:
94 - * Consistent bullet style
95 - * Indented items properly
123 +* Consistent bullet style
124 +* Indented items properly
96 96  {{/example}}
97 97  
98 98  == Python Code ==
128 +
99 99  {{example}}
100 100  {{code language="python"}}
101 101  def greet():
... ... @@ -103,19 +103,8 @@
103 103  {{/code}}
104 104  {{/example}}
105 105  
106 -== Audio Embedding ==
107 -{{example}}
108 -{{html}}
109 -<audio controls>
110 - <source src="/bin/download/Sandbox/TestPage2/Anti-Black%20racial%20slur%20was%20found%20written%20on%20high%20school%20desk%20in%20Rockville.mp3" type="audio/mpeg">
111 - Your browser does not support the audio element.
112 -</audio>
113 -{{/html}}
114 -{{/example}}
115 -
116 -This page covers all the essential steps and tips you need to create great content in XWiki without any confusion.
136 +== ==
117 117  
118 -== ==
119 119  
120 120  == 📎 **Attachments and Images** ==
121 121  
... ... @@ -128,6 +128,19 @@
128 128  * Drag-and-drop or select your file to upload it instantly.
129 129  * Uploaded files will automatically be listed as attachments at the bottom of your page.
130 130  
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 +
131 131  === **Inserting Images with Enlargable Thumbnails** ===
132 132  
133 133  1. In the editor, click the **"Insert Image"** icon from the toolbar.
... ... @@ -134,25 +134,27 @@
134 134  1. Upload or select the image.
135 135  1. Choose the **Thumbnail option** to create a clickable enlargable preview automatically.
136 136  
137 -----
169 +[[image:1747262485678-297.png||data-xwiki-image-style="thumbnail-clickable" width="200"]]
138 138  
139 -== ⚡ **Using the / Macro Shortcut** ==
140 140  
141 -The / macro shortcut is a powerful and quick way to insert macros while editing pages in XWiki's WYSIWYG editor:
142 142  
143 -* Simply type / and start typing the macro name or feature you want to add.
144 -* You'll see suggestions appear as you type. Select the macro to insert it directly without manual syntax.
145 -* Example macros include:
146 -** /toc – Table of Contents
147 -** /box – Insert Box Macro
148 -** /gallery – Image Gallery
149 -** /footnote – Add footnotes to your text
150 -** /code – Code blocks for programming snippets
151 151  
152 -This shortcut dramatically speeds up editing, no need to memorize complicated wiki syntax.
174 +=== **You can also use this format to insert images** ===
153 153  
154 -----
176 +{{example}}
177 +[[image:1747262485678-297.png]]
178 +{{/example}}
155 155  
180 +
181 +
182 +
183 +{{code}}
184 + [[image:example.jpg]]
185 +{{/code}}
186 +
187 +
188 +
189 +
156 156  == ✏️** Basic Formatting and Links (Quick Guide)** ==
157 157  
158 158  * **Bold text**: Select text, click the **Bold** button or press Ctrl + B.
... ... @@ -195,7 +195,6 @@
195 195  
196 196  * **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
197 197  * **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.
198 -* **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.
199 199  
200 200  == **Essential Formatting Options** ==
201 201  
... ... @@ -210,62 +210,6 @@
210 210  {{/code}}
211 211  
212 212  
213 -=== **Text Formatting** ===
214 -
215 -
216 -
217 -*
218 -** (((
219 -=== **Bold**: Surround text with double asterisks. ===
220 -)))
221 -
222 -{{code}}
223 -**bold text**
224 -{{/code}}
225 -
226 -
227 -*
228 -** (((
229 -=== **Italics**: Use double underscores. ===
230 -)))
231 -
232 -{{code}}
233 -__italic text__
234 -{{/code}}
235 -
236 -
237 -*
238 -** (((
239 -=== **Underline**: Enclose text with double tildes. ===
240 -)))
241 -
242 -{{code}}
243 -~~underlined text~~
244 -{{/code}}
245 -
246 -
247 -*
248 -** (((
249 -=== **Unordered List**: Begin lines with asterisk (*) or hyphen (-). ===
250 -)))
251 -
252 -{{code}}
253 -* Item 1
254 -* Item 2
255 -{{/code}}
256 -
257 -
258 -*
259 -** (((
260 -=== **Ordered List**: Start lines with a number followed by a period. ===
261 -)))
262 -
263 -{{code}}
264 -1. First item
265 -2. Second item
266 -{{/code}}
267 -
268 -
269 269  == **Links** ==
270 270  
271 271  
... ... @@ -285,14 +285,9 @@
285 285  {{/code}}
286 286  
287 287  (((
288 -=== **Images** ===
265 +=== ===
289 289  )))
290 290  
291 -{{code}}
292 - [[image:example.jpg]]
293 -{{/code}}
294 -
295 -
296 296  == **Utilizing XWiki Macros** ==
297 297  
298 298  Macros are powerful tools in XWiki that allow for dynamic content inclusion and advanced formatting. Here are ten notable macros to consider:
... ... @@ -363,12 +363,12 @@
363 363  == Example Macro ==
364 364  
365 365  The example macro displays the output of a macro or script or anything that you like
338 +
366 366  == Expandable Macro ==
367 367  
368 368  The following example demonstrates how to present complex information cleanly using `
369 369  
370 370  {{example}}
371 -
372 372  {{expandable summary="Study: The Wilson Effect: The Increase in Heritability of IQ With Age"}}
373 373  **Source:** *Twin Research and Human Genetics (Cambridge University Press)*
374 374  **Date of Publication:** *2013*
... ... @@ -438,4 +438,4 @@
438 438  {{/example}}
439 439  
440 440  
441 -
413 +
1747262485678-297.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +1.6 MB
Content