HTML cikk szerkesztő

Hatékony, TipTap alapú rich text szerkesztő, amely lehetővé teszi strukturált HTML tartalmak létrehozását fejlett formázással, média beillesztéssel és előnézeti funkciókkal cikkekhez és dokumentumokhoz.

Főbb funkciók

Rich text formázás

Teljes szövegstílus-kezelés félkövérrel, dőlt betűvel, színekkel és tipográfiai lehetőségekkel

Média és tartalmak

Kép feltöltés, táblázat beillesztés és tartalom beágyazási eszközök

Cikk eszközök

Tartalomjegyzék, kereszthivatkozás és előnézeti funkciók

HTML integráció

Közvetlen HTML beillesztés automatikus tisztítással

Eszköztár szakaszok

Szövegformázás és előzmények

Előzmények vezérlők
Visszavonás - Az utolsó művelet visszaállítása • Újra - Az utolsó visszavont művelet visszaállítása
Alapstílusok
Félkövér (Ctrl+B) • Dőlt (Ctrl+I) • ÁthúzottAláhúzott
Speciális stílusok
KiemelésAlsó indexFelső indexFormázás törlése
Megjelenés
Színválasztó - Szöveg színének megváltoztatása • Betűméret - Válassz 10px és 32px között

Struktúra és szervezés

Fejlécek
1-3. fejléc - Hierarchikus dokumentumstruktúra létrehozása
Listák
Felsorolási lista - Rendezetlen pontok • Számozott lista - Rendezett számozott listák • Feladatlista - Interaktív jelölőnégyzetes listák
Igazítás
Balra/Középre/Jobbra igazítás - Szöveg pozicionálás • Sorkizárás - Teljes szélességű igazítás

Tartalom beillesztés

Hivatkozások és média
Hivatkozás - Hiperhivatkozások hozzáadása • Kép - Képek feltöltése és beillesztése • Táblázat - 3×3 táblázatok létrehozása fejlécekkel
Blokkok
Kódblokk - Formázott kódblokkok • Idézet - Blokkidézetek • Vízszintes vonal - Elválasztó vonalak
Cikk funkciók
Tartalomjegyzék - Automatikus tartalomjegyzék generálása fejlécekből • Kereszthivatkozás - Más cikkekre mutató hivatkozás • Űrlap hivatkozás - Űrlap beágyazása, amely a widgetben nyílik meg

Táblázat szerkesztési vezérlők

A táblázat szerkesztési vezérlők automatikusan megjelennek, amikor a kurzor egy táblázatban van.
Struktúra
Oszlop hozzáadása/törlése - Oszlopok beillesztése vagy eltávolítása • Sor hozzáadása/törlése - Sorok beillesztése vagy eltávolítása
Formázás
Fejléc oszlop - Oszlop konvertálása fejléccé • Fejléc sor - Sor konvertálása fejléccé
Cella műveletek
Cellák összevonása - Kijelölt cellák egyesítése • Cella felosztása - Összevont cellák szétválasztása

HTML beillesztési funkció

A HTML beillesztése gomb közvetlen hozzáférést biztosít a nyers HTML kód beillesztéséhez a tartalomba.

HTML beillesztés megnyitása

Kattints a HTML beillesztése gombra a szerkesztő jobb felső sarkában

Kod beillesztése

Add meg a HTML kódot a modális szövegmezőbe

Tartalom beillesztése

Kattints a HTML beillesztése gombra a kurzor pozíciójánál való hozzáadáshoz

Használd a HTML beillesztést összetett elrendezésekhez, egyedi stílusokhoz vagy más forrásokból másolt tartalmakhoz, amelyekhez pontos HTML struktúra szükséges.

Példa használat

<div class="custom-card">
  <h3>Egyedi HTML tartalom</h3>
  <p>Ez a tartalom nyers HTML-ként lett beillesztve.</p>
</div>

Speciális képességek

Cikk előnézet

Élő előnézet

Az Előnézet gomb mutatja a cikkedet pontosan úgy, ahogy az olvasók látják majd.

Funkciók:

  • Teljes cikk renderelés megfelelő stílussal
  • Widget téma kiválasztás (ha több téma elérhető)
  • Reszponzív előnézeti elrendezés
  • Tartalomjegyzék megjelenítés
  • Kép és média renderelés

Kereszthivatkozási rendszer

Cikk hivatkozás

Hivatkozz zökkenőmentesen a cikkek között a Kereszthivatkozás gomb segítségével.

Hogyan működik:

  • Először jelölj ki egy szövegrészt a szerkesztőben, hogy azt hivatkozássá alakítsd, vagy kattints a gombra kijelölés nélkül, ha új hivatkozást szeretnél beszúrni
  • Válaszd ki a cél cikket a tudásbázis összes többi cikkét tartalmazó, kereshető listából
  • Szabd testre az olvasónak megjelenő szöveget — ha nincs kijelölés, alapértelmezetten a cikk címét használja

Űrlap hivatkozás

Űrlap beágyazása

Az Űrlap hivatkozás gombbal bármelyik űrlapodat közvetlenül beágyazhatod egy cikkbe. Amikor az olvasó rákattint a hivatkozásra, az űrlap a Yaplet widgetben nyílik meg, nem pedig egy új oldalon.

Hogyan működik:

  • Először jelölj ki egy szövegrészt, hogy azt űrlap-hivatkozássá alakítsd, vagy kattints a gombra kijelölés nélkül, ha új hivatkozást szeretnél beszúrni
  • Válaszd ki az űrlapot a szervezeted űrlapjainak kereshető listájából
  • Szabd testre a megjelenő szöveget — ha nincs kijelölés, alapértelmezetten az űrlap nevét használja

A hivatkozások a belső yaplet://form/<id> séma szerint tárolódnak, és a rendszer automatikusan felismeri őket a nyilvános tudásbázis-oldalakon és a chat widgetben is — egy kattintás klasszikus űrlap-folyamatként indítja el az űrlapot.

Az Űrlap hivatkozás gomb csak akkor jelenik meg, ha a szervezetedben legalább egy űrlap létre van hozva az űrlap-szerkesztőben.

Kép kezelés

Automatikus feldolgozás:

  • Támogatja a WebP, PNG és JPEG formátumokat
  • A képek átméretezésre és optimalizálásra kerülnek

Tartalomjegyzék generálás

Automatikus tartalomjegyzék funkciók:

  • Navigációt generál H1-H6 fejlécekből
  • Beágyazott, kattintható navigációt hoz létre
  • Dinamikusan frissül a fejlécek szerkesztésekor
  • Egységes stílus a cikk témájával

Widget integráció

A tartalom automatikusan alkalmazkodik a widget színsémáihoz:

  • Dinamikus CSS egyedi tulajdonságok
  • Téma-tudatos stílus
  • Egységes vizuális megjelenés
  • Előnézet több témával

Használati megjegyzések

Minden tartalom automatikusan HTML-lé konvertálódik megfelelő szemantikus jelöléssel és stílusosztályokkal. A szerkesztő megőrzi a tartalom integritását, miközben felhasználóbarát szerkesztési élményt nyújt.