0 Votes

Changes for page Start here if you're new

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

From 19.1 to 18.1 From 35.1 to 34.1

From version

34.1

edited by Ryan C
on 2025/05/14 16:06

Change comment: There is no comment for this version

To version

19.1

edited by Ryan C
on 2025/05/14 13:36

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)
Attachments (0 modified, 0 added, 1 removed)
- 1747262485678-297.png

Details

Page properties

Content

@@ -12,10 +12,56 @@
  == Getting Started with XWiki ==
--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**:
++This page covers all the essential steps and tips you need to create great content in XWiki without any confusion.
++==   ==
++== 📎 **Attachments and Images** ==
++You can easily upload files and images directly from the WYSIWYG editor:
++
++**Uploading Attachments:**
++
++* Click **Edit** to enter the WYSIWYG editor.
++* Click on the **Attachment** icon (📎 paperclip icon).
++* Drag-and-drop or select your file to upload it instantly.
++* Uploaded files will automatically be listed as attachments at the bottom of your page.
++
++=== **Inserting Images with Enlargable Thumbnails** ===
++
++1. In the editor, click the **"Insert Image"** icon from the toolbar.
++1. Upload or select the image.
++1. Choose the **Thumbnail option** to create a clickable enlargable preview automatically.
++
++----
++
++== ⚡ **Using the / Macro Shortcut** ==
++
++The / macro shortcut is a powerful and quick way to insert macros while editing pages in XWiki's WYSIWYG editor:
++
++* Simply type / and start typing the macro name or feature you want to add.
++* You'll see suggestions appear as you type. Select the macro to insert it directly without manual syntax.
++* Example macros include:
++** /toc – Table of Contents
++** /box – Insert Box Macro
++** /gallery – Image Gallery
++** /footnote – Add footnotes to your text
++** /code – Code blocks for programming snippets
++
++This shortcut dramatically speeds up editing, no need to memorize complicated wiki syntax.
++
++----
++
++== ✏️** Basic Formatting and Links (Quick Guide)** ==
++
++* **Bold text**: Select text, click the **Bold** button or press Ctrl + B.
++* **Italic text**: Select text, click "Italic" in the toolbar or use Ctrl+I.
++* **Creating Links**:
++** Highlight text and click **"Link"** or use shortcut Ctrl+K.
++** Paste or select the page URL to link internally.
++
++----
++
  == 🔍 **Useful Tips & Best Practices** ==
  * **Save drafts frequently:** Press Ctrl+S regularly.
@@ -48,6 +48,7 @@
  * **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
  * **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.
++* **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.
  == **Essential Formatting Options** ==
@@ -62,169 +62,89 @@
  {{/code}}
--== **Links** ==
++=== **Text Formatting** ===
--==== **Internal Link**: Use square brackets with the page name. ====
++*
++** (((
++=== **Bold**: Surround text with double asterisks. ===
++)))
  {{code}}
--[[PageName]]
++**bold text**
  {{/code}}
++*
++** (((
++=== **Italics**: Use double underscores. ===
++)))
--==== **External Link**: Provide the URL directly. ====
--
  {{code}}
--[https://www.example.com]
++__italic text__
  {{/code}}
--(((
--===   ===
++
++*
++** (((
++=== **Underline**: Enclose text with double tildes. ===
  )))
++{{code}}
++~~underlined text~~
++{{/code}}
--==   ==
--== ⚡ **Using the / Macro Shortcut** ==
++*
++** (((
++=== **Unordered List**: Begin lines with asterisk (*) or hyphen (-). ===
++)))
--The / macro shortcut is a powerful and quick way to insert macros while editing pages in XWiki's WYSIWYG editor:
++{{code}}
++* Item 1
++* Item 2
++{{/code}}
--* Simply type / and start typing the macro name or feature you want to add.
--* You'll see suggestions appear as you type. Select the macro to insert it directly without manual syntax.
--* Example macros include:
--** /toc – Table of Contents
--** /box – Insert Box Macro
--** /gallery – Image Gallery
--** /footnote – Add footnotes to your text
--** /code – Code blocks for programming snippets
--This shortcut dramatically speeds up editing, no need to memorize complicated wiki syntax
++*
++** (((
++=== **Ordered List**: Start lines with a number followed by a period. ===
++)))
------
++{{code}}
++1. First item
++2. Second item
++{{/code}}
--## 🧪 1. **Macro Showcase: Source-to-Output Toggle**##
--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
++== **Links** ==
--=== **TOC (Table of Contents) Macro**: Generates a table of contents based on page headings. ===
++==== **Internal Link**: Use square brackets with the page name. ====
  {{code}}
--{{toc/}}
++[[PageName]]
  {{/code}}
--== **Gallery Macro** `/gallery` ==
--{{example}}
--{{gallery}}
--[[1747262485678-297.png]]
--[[image:photo2.jpg]]
--{{/gallery}}
--{{/example}}
++==== **External Link**: Provide the URL directly. ====
++{{code}}
++[https://www.example.com]
++{{/code}}
--== **Alternatively** `/carousel` ==
++(((
++=== **Images** ===
++)))
--{{example}}
--{{carousel/}}
++{{code}}
++  [[image:example.jpg]]
++{{/code}}
--
--{{/example}}
--== **Boilerplate Box** ==
--
--{{example}}
--{{box cssClass="highlight"}}
--Insert your highlighted content here.
--{{/box}}
--{{/example}}
--
--==   ==
--
--== **Info vs Warning **`/info box` ==
--
--{{example}}
--{{info}}
--This is an info box.
--{{/info}}
--
--{{warning}}
--This is a warning box.
--{{/warning}}
--{{/example}}
--
--== **Footnote Demo** `/footnote and /put footnotes` put the put footnotes macro at the bottom where you want the references ==
--
--{{example}}
--footnote{{footnote}} https://www.thewhitearchive.org/bin/view/Guides%20and%20Help/Start%20here%20if%20you're%20new/#edit{{/footnote}}
--
--{{putFootnotes/}}
--{{/example}}
--
--
--==   ==
--
--== **Expandable Summary** `/expandable`  VERY USEFUL MACRO ==
--
--{{example}}
--{{expandable summary="🧠 Study Summary"}}
--Key findings go here.
--{{/expandable}}
--{{/example}}
--
--==   ==
--
--== 📎 **Attachments and Images** ==
--
--You can easily upload files and images directly from the WYSIWYG editor:
--
--**Uploading Attachments:**
--
--* Click **Edit** to enter the WYSIWYG editor.
--* Click on the **Attachment** icon (📎 paperclip icon).
--* Drag-and-drop or select your file to upload it instantly.
--* Uploaded files will automatically be listed as attachments at the bottom of your page.
--
--== **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` ==
--
--{{example}}
--{{html}}
--<audio controls>
--  <source src="/bin/download/Sandbox/TestPage2/Anti-Black%20racial%20slur%20was%20found%20written%20on%20high%20school%20desk%20in%20Rockville.mp3" type="audio/mpeg">
--  Your browser does not support the audio element.
--</audio>
--{{/html}}
--{{/example}}
--
--This page covers all the essential steps and tips you need to create great content in XWiki without any confusion.
--
--=== **Inserting Images with Enlargable Thumbnails** ===
--
--1. In the editor, click the **"Insert Image"** icon from the toolbar.
--1. Upload or select the image.
--1. Choose the **Thumbnail option** to create a clickable enlargable preview automatically.
--
--[[image:1747262485678-297.png||data-xwiki-image-style="thumbnail-clickable" width="200"]]
--
--
--
--
--=== **Alternatively: `~[~[image~:image.png]]`** ===
--
--{{example}}
--[[image:1747262485678-297.png]]
--{{/example}}
--
--
--
--==   ==
--
------
--
  == **Utilizing XWiki Macros** ==
  Macros are powerful tools in XWiki that allow for dynamic content inclusion and advanced formatting. Here are ten notable macros to consider:
@@ -247,8 +247,18 @@
  {{/code}}
--== **Code Macro**: Renders code snippets with syntax highlighting. ==
++== Footnote Macro ==
++The Footnote macro adds footnotes to the page.
++
++{{example}}
++This is a statement{{footnote}}Source: Example Reference{{/footnote}}.
++{{putFootnotes/}}
++{{/example}}
++
++
++=== **Code Macro**: Renders code snippets with syntax highlighting. ===
++
  {{code}}
  {{code language="python"}}
  def hello_world():
@@ -257,22 +257,35 @@
  {{/code}}
--== **Video Macro**: `/video` The Video macro embeds videos. ==
++=== **Gallery Macro**: Creates an image gallery from attached images. ===
--{{example}}
--{{video url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"/}}
--{{/example}}
++{{code}}
++{{gallery}}
++[[image1.jpg]]
++[[image2.jpg]]
++{{/gallery}}
++{{/code}}
--== Example Macro ==
++=== **TOC (Table of Contents) Macro**: Generates a table of contents based on page headings. ===
--The example macro displays the output of a macro or script or anything that you like
++{{code}}
++{{toc/}}
++{{/code}}
++== Video Macro ==
++
++The Video macro embeds videos.
++
++{{example}}
++{{video url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"/}}
++{{/example}}
++
  == Expandable Macro ==
  The following example demonstrates how to present complex information cleanly using `
--{{example}}
++
  {{expandable summary="Study: The Wilson Effect: The Increase in Heritability of IQ With Age"}}
  **Source:** *Twin Research and Human Genetics (Cambridge University Press)*
  **Date of Publication:** *2013*
@@ -339,7 +339,4 @@
  [[Download Full Study>>attach:10.1017_thg.2013.54.pdf]]
  {{/expandable}}
  {{/expandable}}
--{{/example}}
--
--
--
++{{/expandable}}

1747262485678-297.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.AdminAngriff

Size

...	...	@@ -1,1 +1,0 @@
1		-1.6 MB

Content

Changes for page Start here if you're new

Summary

Details

Quick Links

Categories