Geavanceerde WYSIWYG-editor

De 'Advanced WYSIWYG-editor' combineert lichtgewicht ontwerp met krachtige, rijke tekstbewerkingsmogelijkheden en ondersteunt specifieke Markdown-syntaxis. Het biedt een zeer visuele en intuïtieve ervaring die traditionele Markdown-editors overstijgt, maar toch meer flexibiliteit biedt dan de WYSIWYG-editors.

VOORZICHTIGHEID

De artikelen die zijn overgezet van de Markdown- of WYSIWYG-editor naar de Advanced WYSIWYG-editor kunnen niet worden teruggedraaid.

Het verkennen van de geavanceerde WYSIWYG-editor

Gebruik van de Advanced WYSIWYG-editor

Een artikelnaam toewijzen

Wanneer je een artikel maakt, geef je er een naam aan. In de Advanced WYSIWYG-editor verschijnt de artikeltitel bovenaan het inhoudsgebied van het artikel. Klik op de titel om het te bewerken. Je ziet de volgende opties:

Suggestieve titel:

1. Eddy AI stelt drie titelopties voor voor je artikel. Selecteer de gewenste titel en bewerk deze indien nodig.

2. Klik op Meer suggesties genereren om extra titelopties te zien.

3. Gebruik de likes () en dislike () knoppen om feedback te geven op de suggesties van Eddy AI.

URL & Beschrijving:

1. URL: Bewerk de URL van het artikel in dit veld. Standaard maakt Document360 de URL (ook wel een slug genoemd) aan op basis van de artikeltitel op het moment van aanmaken. Als bijvoorbeeld de artikeltitel "Wat is Document360?" is, wordt what-is-document360de URL .

   OPMERKING

   Voor meer informatie, lees het artikel op Change the URL of an article.

2. Beschrijving: Voer een korte beschrijving van het artikel in.

OPMERKING

Om metadata van artikelen zoals SEO settings, search visibility, tags, , labels, related articles, featured image attachments, , status indicator, preferences, , of deprecationte bewerken, klik op het Meer-icoon (⋯) rechtsboven in de editor en selecteer vervolgens de opties voor Meer artikelen.

Je kunt het Quick insert-menu , het slash-commando en de specifieke Markdown-syntaxis gebruiken om content te maken en te bewerken in de Advanced WYSIWYG-editor.

Snel invoegmenu

Het Quick insert-menu verschijnt als een zwevende optie binnen een leeg blok. Het stelt gebruikers in staat om snel veelgebruikte elementen aan hun artikelen toe te voegen.

De beschikbare opties in het Quick insert-menu zijn:

• Eddy AI Writer (): Genereer AI-gestuurde content direct in je artikel.

• Bulletlist (): Voeg een opsommingslijst in. Gebruik het dropdownmenu om standaard, schijf, vierkant of cirkel te selecteren.

• Tabel (): Voeg een tabel toe om de structuurgegevens te structureren.

• Afbeelding (): Upload en voeg een afbeelding in.

  OPMERKING

  • Gebruik de beschikbare tools om de afbeelding te formatteren. Klik op de afbeelding om het drijvende opmaakmenu te openen.

  • Je kunt uitlijnen, bijsnijden, randen toevoegen, schaduwen toevoegen, bijschriften toevoegen en meer.

    Voor meer informatie, lees het artikel op Image formatting in the Advanced WYSIWYG editor.

• Link (): Voeg een hyperlink toe. Je kunt ook de Ctrl + K sneltoets gebruiken.

• Codeblok (): Voeg een codeblok in voor technische inhoud. Klik binnen het codeblok om toegang te krijgen tot de contextuele werkbalk:

  • Taalkeuzemenu: Selecteer de gewenste taal

  • Kopiëren: Om het codeblok te kopiëren

• Meer: Klik op Meer om extra opmaakopties te bekijken via het Slash-menu.

OPMERKING

• Het Quick Insert-menu verschijnt alleen wanneer het blok leeg is.

• Het verdwijnt automatisch zodra je begint te typen.

• Als je de inhoud in een blok verwijdert, verschijnt het menu Snel Invoegen opnieuw.

Begin met schrijven met Eddy AI, kies een sjabloon en importeer documentatie

Wanneer het artikel in de Advanced WYSIWYG-editor leeg is, kun je beginnen met het maken van je content met de volgende opties:

a. Begin met schrijven met Eddy AI

1. Klik op Begin schrijven met Eddy AI.

2. Kies een van de beschikbare opties:

   1. Artikel schrijven

   2. Maak een opzet van een artikel

   3. Maak een artikel van video

   4. Maak een artikel aan van een mediatranscriptie of tekstbestand

3. Voer je gewenste prompt of onderwerp in.

   De AI genereert een eerste concept op basis van de geselecteerde opties en de gegeven input.

OPMERKING

Voor meer informatie, lees het artikel op AI Writer.

b. Kies een sjabloon

1. Klik op Kies een sjabloon.

   Er zal een paneel verschijnen met beschikbare sjablonen.

2. Selecteer het gewenste sjabloon en bekijk het voor.

3. Klik op Gebruik deze  template omje artikel te structureren met vooraf gedefinieerde inhoud.

   De naam en slug van het artikel worden automatisch gevuld met de titel van het sjabloon.

OPMERKING

Voor meer informatie, lees het artikel op Templates.

C. Document importeren

1. Klik op Document importeren.

   Het Importpaneel verschijnt.

2. Upload een .docx bestand met drag-and-drop of upload vervolgens een  bestand ofupload.

   De artikelnaam en slug worden automatisch gegenereerd op basis van de naam van het geüploade bestand.

OPMERKING

• De opties 'Begin schrijven met Eddy AI', Kies een sjabloon en 'Documentatie importeren ' verschijnen duidelijk wanneer de artikeleditor leeg is.

• Zodra je handmatig begint te typen, verdwijnen de opties.

• Als je de inhoud in de editor verwijdert, verschijnen deze opties weer voor gemakkelijke toegang.

Slash-commando's

Typ / in de editor, er verschijnt een lijst met opties. Je kunt ook zoeken naar opties door de commandonamen in te typen. Klik op het gewenste commando of druk op de Enter-toets om het commando te selecteren.

OPMERKING

Zorg ervoor dat je typt / aan het begin van een regel of na een spatie. De opties verschijnen niet als je ze direct na een personage typt. Je kunt elk commando en sectie in slash-commando's navigeren met de pijltjestoetsen omhoog, omlaag, rechts en links.

Je kunt ook eenvoudig Eddy AI Writer direct boven in het slash-menu openen. Daarnaast zijn de slash-commando-opties onderverdeeld in drie secties:

OPMERKING

Tabellen

Bij het selecteren /table vanuit het slashmenu verschijnt er een submenu met een rasterpalet:

• De standaardselectie is een 3 × 3 tabel.

• Je kunt het in een 10 × 10 tabel invoegen met het palet.

• Gebruik de toetsenbordtoetsen of muis om de selectie aan tepassen.

• Na het aanmaken van de tabel kun je meer rijen en kolommen toevoegen met het + -icoon. Voor meer informatie, lees de Tables in Advanced WYSIWYG editor.

Scheidingsmiddelen

Bij het selecteren /divider vanuit het slash-menu verschijnt er een submenu met drie verdelersstijlen:

• Solid (default)

• Gestippeld

• Dashed

Markdown-syntaxis

De Advanced WYSIWYG-editor ondersteunt een breed scala aan Markdown-syntaxis; Voor een gedetailleerde lijst, lees het artikel over Markdown basics.

Als je bijvoorbeeld een Kop 2 wilt toevoegen, typ dan de volgende syntaxis: ## Markdown syntax. De syntaxis wordt weergegeven en Kop 2 wordt direct toegevoegd.

OPMERKING

• De Markdown-syntaxis werkt alleen als je het handmatig intypt. Het wordt niet weergegeven als je de syntaxis kopieert en plakt.

• Om de lijst van niet-ondersteunde Markdown-syntaxis te bekijken, lees het artikel op Advanced WYSIWYG editor basics.

Werkbalk

Om de lay-out of het uiterlijk van de inhoud te wijzigen, gebruik je de rich-formattingopties van de Advanced WYSIWYG-editor.

Tijdens het bewerken in de Advanced WYSIWYG-editor klik je op het Format ()-icoon aan de rechterkant van het editorpanel.

OPMERKING

Door de optie Pin () te selecteren, kun je de werkbalk aan de rechterkant van de editorinterface verankeren. Wanneer de werkbalk vastgezet is, blijft de categorieboom uitgebreid terwijl je tussen artikelen navigeert, waardoor het makkelijker wordt om tussen ze te wisselen zonder de categorieboom telkens uit te breiden, terwijl de opmaakwerkbalk vastgepind blijft in de editor.

Op kleinere schermen (onder de 1280 px) zal de categorieboom automatisch inklappen wanneer je tussen artikelen wisselt.

1. Tekststijlen

• Ongedaan maken (): Om de laatste actie terug te draaien.

• Opnieuw (): Om de laatste ongedaan gemaakte actie opnieuw toe te passen.

• Format painter (): Om opmaak te kopiëren en toe te passen van het ene deel van de tekst naar het andere.

• Clear (): Om alle styling uit geselecteerde tekst te verwijderen.

• Lettercase (): Om de letter van de tekst te veranderen.

2. Koppen

• : Om de H2 (Kop 2) stijl toe te passen op de geselecteerde tekst.

• : Om de H3 (Kop 3) stijl toe te passen op de geselecteerde tekst.

• : Om de H4 (Kop 4) stijl toe te passen op de geselecteerde tekst.

• Paragraaf (): Om de standaard paragraafstijl toe te passen op de geselecteerde tekst.

3. Typografie

• Lettertypefamilie: Om het lettertype voor de tekst te selecteren.

• Lettergrootte: Om de grootte van geselecteerde tekst aan te passen.

OPMERKING

Wanneer je de inhoud invoegt in de Advanced WYSIWYG-editor, wordt het lettertype standaard ingesteld op Verdana.

• Om de lettertype-instellingen in je kennisbank te wijzigen, navigeer naar () in de linker navigatiebalk.

• Navigeer in het linker navigatiepaneel naar Knowledge base site > Customize site.

• Selecteer in het dropdown Site-lettertype het gewenste lettertype.

4. Palette

• Lettertypekleur: Om de kleur van de geselecteerde tekst te veranderen.

• Achtergrondkleur: Om een achtergrondkleur voor de geselecteerde tekst in te stellen.

5. Opmaak & lijsten

• Vetgedrukt (): Om de geselecteerde tekst vetgedrukt te maken.

• Cursief (): Om de geselecteerde tekst cursief te maken.

• Onderstreep (): Om de geselecteerde tekst te onderstrepen.

• Doorstrepen (): Om een doorstreep toe te passen op de geselecteerde tekst.

• Inline code (): Om inline code aan de tekst toe te voegen.

• Links uitlijnen (): Om de tekstinhoud uit te lijnen met de linkermarge.

• Center (): Om je tekstinhoud te centreren.

• Richt rechts uit (): Om de tekstinhoud uit te lijnen met de rechtermarge.

• Rechtvaardigen (): Om de tekstinhoud gelijkmatig te verdelen tussen de marges.

• Bullet list (): Om een lijst toe te voegen met symbolen voor elk item.

• Genummerde lijst (): Om een lijst toe te voegen die met nummering voor elk item wordt aangeduid.

• Meerlaagse nummeringslijst (): Om een lijst toe te voegen die wordt aangeduid met meerlaagse nummering voor elk item.

• Checklist (): Een lijst toevoegen met selectievakjes die gebruikers als voltooid of onvolledig kunnen markeren.

6. Besturing

• Vergroot de inspringing (): Om de inhoud verder van de marge af te plaatsen.

• Inspringing verkleinen (): Om de inhoud dichter bij de marge te brengen.

• Subscript (): Om de tekst onder de basislijn te verlagen.

• Superscript (): Om de tekst boven de basislijn te verhogen.

• Lijnhoogte (): Om de afstand tussen de regels te kiezen.

• Letterruimte (): Om de afstand tussen de letters te veranderen.

• Regelbreek (): Om over te schakelen naar de volgende regel.

• Paginabreuk (): Om aan te geven waar de huidige pagina moet eindigen en de volgende pagina moet beginnen terwijl je inhoud exporteert als PDF.

PRO TIP

Om het niveau van je opsomming- of genummerde lijst te wijzigen, kun je de inspringing vergroten () of 'inspringing verlagen ' () gebruiken vanuit de werkbalk. Alternatief kun je de sneltoetsen Tab gebruiken om de inspringing te vergroten of Shift+Tab om de inspringing te verkleinen.

Vinden en vervangen

Om de Zoek en Vervang-functie te gebruiken in de Advanced WYSIWYG-editor:

1. Klik op het Meer () icoon rechtsboven.

2. Selecteer Zoeken en vervangen vanuit het menu.

OPMERKING

Voor meer informatie, lees het artikel op Find and replace.

FAQ-sjablonen invoegen in de Advanced WYSIWYG-editor

Om FAQ-sjablonen in te voegen in de Advanced WYSIWYG-editor:

1. Navigeer naar de gewenste locatie in het artikel.  

2. Typ het Slash-commando /FAQs en selecteer FAQ 's uit de lijst.

   Document360 voegt drie FAQ-accordeonsjablozen toe aan je artikel.

3. In de ingevoegde FAQ-sjablonen kun je de volgende opties uitvoeren:

   1. Instellingen (): Klik om de FAQ-sjablonen aan te passen volgens uw voorkeuren.

   2. Uitbreiden/Inklappen (): Klik om de FAQ-accordeons uit te breiden of in te klappen.

   3. Verwijderen (): Klik om de volledige FAQ-sectie te verwijderen.

   4. Vraag toevoegen (): Klik tussen de FAQ's om extra aangepaste FAQ's in te voegen.

OPMERKING

• FAQ-sjablonen verschillen van de AI FAQ-generator.

• Voor meer informatie, lees het artikel AI FAQ generator.

Codeweergave ()

• Hiermee kun je de inhoud bekijken en bewerken in HTML-codeformaat.

• Wanneer je overschakelt naar Codeweergave, formatteert de editor automatisch de HTML voor betere leesbaarheid. Deze opmaak standaardiseert inspringing en spatiëring zonder de onderliggende HTML-structuur te veranderen.

• Automatisch opmaken wordt uitgevoerd elke keer dat je Code view invoert. Aangepaste HTML- en scriptblokken worden niet beïnvloed, en er wordt niet gepast opmaak tijdens het opslaan of publiceren.

• Door over te schakelen naar Code View kun je aangepaste HTML-elementen toevoegen, inline stijlen toepassen of precieze aanpassingen maken.

• Gebruik Ctrl + F om een persistent zoekproces uit te voeren in Codeweergave:

  • Druk op Enter om naar de volgende zoekterm te navigeren.

  • Druk op Shift + Enter om naar de vorige gebeurtenis te navigeren.

• In het Codeweergavepaneel is het More ()-icoon uitgeschakeld.

OPMERKING

• Je moet op de Opslaan-knop klikken om de wijzigingen in de codeweergave op te slaan.

• De geordende en ongeordende lijst mist sequentiële volgorde.

• Geneste lijsttypen worden niet ondersteund in de volgende scenario's:

  • Wanneer de inhoud gekopieerd en geplakt is.

  • In bepaalde scenario's van contentmigratie.

Een inline opmerking toevoegen in de Advanced WYSIWYG-editor

1. Navigeer naar het gewenste artikel in het kennisbankportaal.

2. Selecteer de gewenste tekst om een opmerking toe te voegen, en er verschijnt een zwevend menu.

3. Klik op het Commentaar () icoon in het zwevende menu.

4. Gebruik basisopmaaktools zoals vetgedrukt en lijsten. Gebruik daarnaast het @ -symbool om je projectteamleden te vermelden indien nodig.

5. Als je klaar bent, klik je op het Verzenden () icoon.

OPMERKING

Om deze modus uit te schakelen, navigeer je naar het kennisbankportaal, Documentatie () in de linker navigatiebalk.

Ga in het linker navigatiepaneel naar Contenttools > Workflow-ontwerper. Beweeg je muis over de gewenste status, klik op het Edit (✎) icoon en zet de Alleen-lezen schakelaar uit.

Om alle reacties in een artikel te bekijken:

1. Navigeer naar het gewenste artikel.

2. Klik op het Commentaar () icoon aan de rechterkant bij de publiceerknop.

3. Het commentaarpaneel zal verschijnen. Gebruik het dropdownmenu bovenaan om de opties te filteren, zoals Alle reacties, genoemde opmerkingen, open reacties en opgeloste reacties.

Hier kun je reageren op de reacties.

OPMERKING

Voor informatie, lees het artikel op Reviewing an article using Inline comments

Gebruik van genummerde en meerlaagse lijsten in de Advanced WYSIWYG-editor

In de Advanced WYSIWYG-editor kun je zowel genummerde lijsten als meerlaagse lijsten toevoegen om je content effectief te organiseren.

Het maken van een genummerde lijst

Je kunt een genummerde lijst maken met een van de volgende methoden:

Methode 1:
Typ een van de volgende gevolgd door een spatie, gebaseerd op je vereiste:
1., a., A., i., , I.(α)., 1), a)ofi)

Methode 2:
Gebruik het slash (/)-commando:

• /numbered list – om een genummerde lijst toe te voegen. Beweeg je muis met de muis over Genummerde lijst in het slash-menu om de beschikbare lijstopties te bekijken.

• /multi-level list – om een lijst met meerdere niveaus toe te voegen. Beweeg je muis over een lijst met meerdere niveaus in het slash-menu om de lijst met opties voor meerdere niveaus te bekijken.

Methode 3:

• Selecteer de gewenste inhoud en druk Ctrl + Shift + O op .Ctrl + Shift + 7

• Standaard begint de genummerde lijst met 1., 2., , 3. enzovoort.

Beschikbare lijststijlen

Genummerde lijstformaten

De volgende genummerde lijststijlen zijn beschikbaar:

Meerlaagse lijstformaten

Je kunt kiezen uit vier soorten meerlaagse lijsten:

Format painter in de Advanced WYSIWYG-editor

De Format Painter in Document360 helpt je snel tekstopmaak van het ene gedeelte naar het andere te kopiëren en toe te passen, wat tijd bespaart en consistentie in je content waarborgt.

Je kunt de Format Painter bereiken vanaf de volgende locaties in de Advanced WYSIWYG-editor:

• Formaatmenu

• Bubbelmenu dat verschijnt wanneer je tekst selecteert

Gebruik van de Format Painter

Om de Format Painter te gebruiken:

1. Selecteer in de Advanced WYSIWYG-editor de brontekst waarvan je de opmaak wilt kopiëren.

2. Klik op het pictogram Format painter () in het formatter- of bubbelmenu.

3. De cursor verandert in een penseelpictogram, wat aangeeft dat de Format Painter actief is.

4. Pas de gekopieerde opmaak toe door:

   • Klikken op een woord of letter in de doeltekst (geldt alleen voor het hele woord).

   • Sleep de muis om een selectie te markeren.

   • Een heel tekstblok selecteren.

Zodra de opmaak is toegepast of de Format Painter is geannuleerd, keert de cursor terug naar normaal.

Opmaak die gekopieerd zal worden

Alleen tekstniveau-opmaak wordt gekopieerd. Dit omvat:

• Lettertype, grootte en kleur

• Vet, cursief, onderstreep, doorstreep

• Letterafstand

• Achtergrondkleur (highlight)

OPMERKING

• Voor koppen wordt de koptag ook gekopieerd, maar alleen als het hele blok is geselecteerd.

• De gekopieerde stijl is gebaseerd op het eerste teken van de geselecteerde brontekst.

Het Format Painter annuleren

De Format Painter wordt gedeactiveerd als je:

• Klik ergens buiten de editor.

• Druk op Esc.

• Voer elke andere actie uit in de editor of Categories & Articles het paneel.

• Klik op het actieve Format Painter-icoon in het Formaatmenu.

OPMERKING

• Druk Ctrl + Z of klik op het Ongedaan maken () icoon in het Formattermenu om de toegepaste opmaak ongedaan te maken.

• Druk Alt + Shift + V of klik op het Clear ()-icoon in het Formatteren-menu om de opmaak van de geselecteerde tekst te wissen.

Sneltoetsen voor Format Painter

De sneltoetsen voor het gebruik van Format Painter zijn:

Opmaakkeuzes voor plakken vanuit Microsoft Word

Bij het plakken van inhoud uit Microsoft Word kun je opmaak behouden of verwijderen, inclusief elementen zoals lijsten, tabellen, inspringingen en lettertypen.

1. Klik op plakken met opmaak om het inhoud uit Microsoft Word te behouden.

2. Klik op plakken als platte tekst om het formaat van de inhoud uit Microsoft Word te wissen.

Probleemoplossing

Het artikelgedeelte kan niet bewerken vanwege niet-ondersteunde HTML-tags

Dit probleem doet zich voor wanneer een artikel wordt omgezet van de WYSIWYG-editor naar de Advanced WYSIWYG-editor, wat resulteert in niet-ondersteunde HTML-tags.

Stappen om op te lossen:

1. Om dit te voorkomen, vermijd het converteren van artikelen van de standaard WYSIWYG-editor naar de Advanced WYSIWYG-editor.

2. Importeer of kopieer in plaats daarvan inhoud direct in de Advanced WYSIWYG-editor om opmaakproblemen te voorkomen.

3. Als het probleem al is opgetreden, bekijk dan de codeweergave van het artikel en verwijder eventuele niet-ondersteunde HTML-tags. Deze tags zijn meestal in de <editor360-custom-block> tag gewikkeld. Het verwijderen van deze tag herstelt de bewerkingsfunctionaliteit en lost het probleem op.

.onehope {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-size: smaller;
    background-color: white;
}
.onehope .onehope_left {
    flex: 1;
    margin-right: 0.5vw;
    margin-top: 25px;
    margin-left: 0.2vw;
    text-align: justify;
}
.onehope .onehope_right {
    flex: 1;
    margin-right: 0vw;
    margin-left: 1vw;
    max-width: 30%;
    text-align: justify;
} 

<div class="onehope">
    <div class="onehope_left">
        <h3>How to reset your password</h3>
        <p>If you forget your password, click <b>Forgot Password</b> on the login page. 
        Enter your registered email, and you’ll receive a password reset link.</p>
    </div>
    <div class="onehope_right">
        <h4>Tip</h4>
        <p>For better security, choose a password with at least 8 characters, 
        including numbers and special symbols.</p>
    </div>
</div>