Select a page on the left. Enter Edit Mode to create or edit documentation pages.

Please note that to prevent abuse AI Features are disabled in the demo.

Doculix Documentation Capability Demo

This document showcases the formatting and content structures that can be displayed in Doculix. It is intended as a frontend demo for rich documentation content.

1. Headings

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

2. Paragraph Formatting

This is a standard paragraph with bold text, italic text, underlined text, ~~strikethrough text~~, and inline code.

You can also include links, colored text, highlighted text, and combinations like bold italic.

3. Text Alignment

This paragraph is left aligned.

This paragraph is center aligned.

This paragraph is right aligned.

This paragraph is justified. It is useful for long-form documentation text where a more formal layout is preferred across larger text blocks in knowledge base or internal help pages.

4. Bullet Lists

Basic unordered item
Another bullet item
Nested list example
- Nested bullet A
- Nested bullet B

5. Numbered Lists

First ordered item
Second ordered item
Nested numbered sequence
1. Step 1
2. Step 2

6. Quotes and Callouts

This is a blockquote. It can be used for notes, warnings, references, testimonials, or highlighted documentation excerpts.

Note: This is an example of a simple inline callout paragraph for important information.

Warning: Always validate embedded content and custom HTML before rendering in production environments.

7. Code Examples

Inline code example: npm run build

function generateSlug(title) {

return title

.toLowerCase()

.trim()

.replace(/\s+/g, "-")

.replace(/[^a-z0-9-]/g, "");

}

console.log(generateSlug("Doculix Capability Demo"));

8. Superscript and Subscript

Subscript example: H2O

Superscript example: x2 + y2 = z2

9. Mixed Inline Styling

This sentence contains bold, italic, underline, blue text, highlighting, and inline code all in one line.

10. Sortable Table Support

Capability	Status	Description	Example Use Case
Headings	Supported	Multiple levels of section headings	Page structure and hierarchy
Lists	Supported	Bulleted, numbered, and checklist content	Steps, tasks, summaries
Tables	Supported	Structured rows and columns for tabular content	Feature matrices, comparisons
Code Blocks	Supported	Preformatted multi-line code snippets	Developer documentation
Links	Supported	Clickable internal or external references	Cross-references and resources

11. Rich Content Section

Below is an example of how mixed rich documentation content may appear inside a Doculix article.

Deployment Checklist

Verify environment configuration
Run build and tests
Review release notes
Deploy to staging
Promote to production

Example Feature Summary

Fast authoring for technical and non-technical users
Structured layout with headings, lists, and tables
Readable formatting for long-form content
Developer-friendly support for code snippets and inline code

API Response Example

{

"status": "success",

"documentId": "DOC-1042",

"title": "Doculix Capability Demo",

"published": true

}

12. Embedded Image Example

Images can also be displayed inside documentation pages:

13. Final Notes

This sample is designed to demonstrate the range of rich content that can be rendered in Doculix for internal or external documentation pages.

End of capability demo.

Welcome to Doculix