Welcome to the VisualEditor basics guide for the Chrome Engine Modding Wiki! This guide is designed for contributer users, and it assumes you are familiar with basic text editing. If you haven't read the previous guide on text editing, we recommend starting there.
In this guide, we will walk through the essential features of the VisualEditor:
- Adding links
- Formatting text (bold and italics)
- Creating bulleted and numbered lists
- Inserting and managing images and files
Getting Started
For this demonstration, we’ll use a sample page and explore how to make edits. Feel free to experiment with a sandbox or test page while following along. These steps are designed to be straightforward and applicable to a variety of wiki pages.
Adding Links
Links are vital for connecting relevant pages or external content to provide additional context. To add or modify a link:
Highlight the text you want to turn into a link.
Click the Link Icon or chain icon in the toolbar to open the link editor.
Set the Link
In the link editor, you can:
Search for a page by typing in the search box and selecting the appropriate page.
Modify the link text directly in the highlighted text area.
Example:
To link "modding tools":
Highlight "modding tools."
Click the link icon and search for "Modding Tools."
Select the page to insert the link.
Formatting Text
VisualEditor makes formatting text simple:
Bold Text:
Select the text and click the B button to make it bold.
Italic Text:
Select the text and click the I button to italicize it.
Both Bold and Italic:
Select the text and click both the B and I buttons.
Example:
Unformatted: "This tool improves performance."
Bold: "This tool improves performance."
Italic: "This tool improves performance."
Bold and Italic: "This tool improves performance."
To remove any formatting, highlight the text and click the clear styling option, which resets it to the original state.
Creating Lists
Lists help break down information into digestible points. There are two types of lists you can create:
Bulleted Lists
For unordered points, click the bulleted list button to create a list like:
- Graphics settings
- Texture packs
- Engine tools
Numbered Lists:
For ordered steps, click the numbered list button to create a list like:
- Open the file manager.
- Navigate to the mod folder.
- Copy the new files.
Note: Use numbered lists only when the order of actions is important. Otherwise, use a bulleted list for general information. Inserting and Managing Images and Files
Drag and Drop
Drag the file (image or document) from your computer and drop it directly into the editor window. The file will automatically be uploaded.
Manual Upload
Alternatively, click the Insert button, then select Image or Media to upload files from your computer.
Image Adjustments
After inserting an image, click on it to adjust its size, alignment, and other properties as needed. You can also add a caption and provide appropriate licensing information.
Embedding Files
For files other than images, like text documents such as mat files or shaders, you can use the Media option to upload and link them within your page.
Adding images and files to the page is simple with VisualEditor, including the ability to drag and drop files directly into the editor.
Happy editing, and thank you for contributing to the Wiki!