Outline Tools pro CzechAI

173 SVG ikon, rich markdown editor a generator avataru — lokalne i na serveru.

Outline Icons
173
SVG ikon (React + standalone)
Rich Markdown Editor
Prosemirror
WYSIWYG + markdown shortcuts
Tiley Avatar API
Port 5270
SVG/PNG/JPG avatary s inicialy
01 — Outline Icons

173 profesionalnich SVG ikon

Hledej podle nazvu, klikni pro kopirovani SVG.

Pouziti v React

import { SearchIcon, DocumentIcon, UserIcon } from "outline-icons";

// V komponente
<SearchIcon size={24} color="currentColor" />

Pouziti v HTML (inline SVG)

<svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
  <path d="..." /> <!-- zkopiruj z ikon nize -->
</svg>
02 — Rich Markdown Editor

WYSIWYG editor s markdown shortcuty

Prosemirror-based editor z Outline wiki. Podporuje bold, italic, headings, lists, code, blockquotes, tabulky.

Vitejte v CzechAI editoru

Toto je rich text editor inspirovany Outline wiki. Podporuje:

  • Tucne (Ctrl+B), kurziva (Ctrl+I)
  • Nadpisy (H1, H2, H3)
  • Seznamy (odrazy + cislovane)
  • Blokove citace
  • Inline kod a bloky kodu
Tento editor lze pouzit v jakemkoliv CzechAI dashboardu nebo formulari.

Zkuste editovat tento text...

Markdown zkratky (zacatek radku)

ZkratkaVysledek
# Nadpis 1
## Nadpis 2
### Nadpis 3
- nebo * Seznam s odrazkami
1. Cislovany seznam
> Blokova citace
``` Blok kodu
--- Horizontalni cara

React integrace

import Editor from "rich-markdown-editor";

<Editor
  defaultValue="# Hello"
  onChange={(getValue) => console.log(getValue())}
  dark={true}
  readOnly={false}
/>
03 — Tiley Avatar Generator

Barevne avatary z inicialu

Deterministic — stejne ID = stejna barva. SVG/PNG/JPG, libovolna velikost.

Live ukazky (ze serveru)

Vlastni avatar




API endpointy

URLFormatPopis
/avatar/{id}/{initials}.svgSVGVektorovy (default)
/avatar/{id}/{initials}.pngPNGRaster
/avatar/{id}/{initials}.jpgJPGRaster komprese

Query parametry

ParamDefaultPopis
?s=200100Velikost v pixelech
?c=FF5733auto (z hash)Vlastni barva pozadi (hex bez #)

Pouziti v HTML

<img src="http://46.224.121.179:5270/avatar/user123/JN.svg?s=48" alt="JN" />
<img src="http://46.224.121.179:5270/avatar/md5hash/AB.png?s=200&c=3b82f6" alt="AB" />
04 — API Reference

Vsechny endpointy

SluzbaTypServerStatus
Tiley Avatar APIHTTP REST46.224.121.179:5270ONLINE
Outline Iconsnpm / SVGLokalne + /opt/outline-tools/READY
Rich Markdown Editornpm ReactLokalne + /opt/outline-tools/READY
Outline Wiki APIRESTwiki.czechai.io (117:3090)ONLINE

Outline Wiki API (wiki.czechai.io)

# Seznam dokumentu
curl -X POST https://wiki.czechai.io/api/documents.list \
  -H "Authorization: Bearer ol_api_Cqlq...PJ" \
  -H "Content-Type: application/json" \
  -d '{"limit": 10}'
05 — Instalace

Lokalni a serverove cesty

Lokalne (Windows)

$ C:\Users\info\OneDrive\Dokumenty\CLAUDE\repos\outline\outline-icons\
$ C:\Users\info\OneDrive\Dokumenty\CLAUDE\repos\outline\rich-markdown-editor\
$ C:\Users\info\OneDrive\Dokumenty\CLAUDE\repos\outline\tiley\

Server 179 (46.224.121.179)

$ /opt/outline-tools/outline-icons/
$ /opt/outline-tools/rich-markdown-editor/
$ /opt/outline-tools/tiley/ PM2: tiley (port 5270)

npm instalace (pro React projekty)

$ npm install outline-icons
$ npm install rich-markdown-editor styled-components

PM2 sprava (Tiley)

pm2 restart tiley
pm2 logs tiley
pm2 stop tiley