# Test Article: All Editor Elements This page contains every type of content supported by the editor. Use it to check how headings, lists, tables, code, quotes, and inline styles are displayed. ## Basic Text Formatting A regular paragraph can include **bold text**, *italics*, ~~strikethrough text~~, and `inline code`. These styles can be combined: ***bold italic*** or **bold with `code`** inside. Colored text is set via the `` tag: red, green, blue. Superscript and subscript are also supported: H₂O, E = mc². ## Headings Below is an example of second- and third-level headings added by the toolbar. ### Third-Level Heading A third-level heading is usually followed by an explanation or elaboration of the topic. #### Fourth-Level Heading Used for fine-grained structuring within a subsection. ## Links External link: [official website](https://example.com). Automatic link: https://example.com. Internal link to a heading anchor: [to the code section](https://wiki.evoplus.pro/ru/wiki/test/edit#user-content-таблица). ## Bulleted List - First list item - Second item with **bold** emphasis - Third item with a link to an [example](https://example.com) - First-level nested item - Another nested item - Deep nesting ## Numbered List 1. Open the editor 2. Select the desired text fragment 3. Apply formatting from the toolbar 1. First-level sub-item 2. Second-level sub-item ## Task List - [x] Support for bold and italic styling - [x] Inserting tables and code blocks - [ ] Dragging and dropping images - [ ] Live preview ## Quotes > This is a short single-line quote. > A quote can span several paragraphs and contain **formatting**, [links](https://example.com), and `inline code`. > > — Quote author ## Table | Upgrade | Description | Cost | | --- | --- | ---: | | Gold booster | Increases the amount of clan gold members receive | 1,000 | | Second reduction | Reduces the time given to opponents to defend the boss | 2,500 | | Money booster | Increases the amount of coins dropped from blocks | 1,750 | ### Table with Alignment | Left | Center | Right | | :--- | :---: | ---: | | Short text | Average value | 10 | | Long line to test wrapping | OK | 1,250 | | Value | — | 0 | ## Code Blocks Inline code right in a paragraph: `const total = items.length;`. A code block with Kotlin syntax highlighting: ```kotlin fun deleteCategory(@PathVariable id: UUID): ResponseEntity { categoryService.delete(id) return ResponseEntity.noContent().build() } ``` A TypeScript code block: ```typescript export function greet(name: string): string { return `Привет, ${name}!`; } ``` A block with no language specified: ``` $ npm run dev > next dev ✓ ready on http://localhost:3000 ``` ## Horizontal Divider Text before the divider. --- Text after the divider. Use `---` on a separate line to visually separate meaningful sections of an article. ## Images An image is inserted via the toolbar button or manually (ctrl + v): ![test.png](/api/media/b07342d8-7ea7-4bbf-8664-864f5609423a) ## Combined Example Below is a short fragment that combines several elements at once. > **Important.** Before deleting a category, make sure it has no articles still linked to it. The corresponding endpoint: > > ```http > DELETE /api/categories/{id} > ``` > > More details on the parameters are in the table below. | Parameter | Type | Required | | --- | :---: | :---: | | `id` | UUID | yes | | `force` | boolean | no | --- End of the test page.

История: Sample content