Theneo Web Editor

Theneo's web editor is a rich and intuitive platform, equipped with a variety of widgets that enrich the documentation experience. These widgets add depth and clarity to your API documentation, making it more engaging and informative. You can easily access these widgets by simply going to a new line in the editor and typing /, which brings up the widget options.

Additionally, Theneo's live collaboration feature enables real-time teamwork, allowing multiple users to simultaneously edit, comment, and review documentation. This streamlines the editing process, reduces bottlenecks, and fosters seamless collaboration across teams. Whether you're working in the same room or across different time zones, live collaboration ensures that everyone stays aligned and up to date on changes.

Let's take a look at the widgets available:

Code Block

Perfect for displaying code snippets, helping users und/erstand implementation details in different programming languages.

Here's an example of a formatted code snippet in JavaScript:

 
const city = "London";
const apiKey = "your_api_key_here";
fetch(https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${apiKey}&units=metric)
.then(res => res.json())
.then(data => {
console.log(data.main.temp + "°C");
});

Callout

Single Card

Card Title

This is how the card widget appears, with an icon, title and link. Clicking on this card will take you to the Basics of APIs section.

Double Card

Card Title

Add description here

Card Title

Add description here

Triple Card

Card Title

Add description here

Card Title

Add description here

Card Title

Add description here

Card Grid

Card Title

Add description here

Card Title

Add description here

Card Title

Add description here

Card Title

Add description here

Accordion

Accordion Group

 
curl -H "Authorization: Bearer YOUR_API_KEY" https://api.example.com/data

Steps

How to Add a Steps Widget

1

First Step

Navigate to the point in your text where you want to insert the Steps widget.

2

Second Step

Type /Steps on a new line.

3

Third Step

Select the Steps option that appears.

Table