Geavanceerde WYSIWYG-editor

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

VOORZICHTIGHEID

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

De geavanceerde WYSIWYG-editor verkennen

De geavanceerde WYSIWYG-editor gebruiken

Een artikelnaam toewijzen

Wanneer u een artikel maakt, geeft u er een naam voor. In de geavanceerde WYSIWYG-editor wordt de titel van het artikel boven aan het inhoudsgebied van het artikel weergegeven. Klik op de titel om deze te bewerken. U ziet de volgende opties:

Titel voorstellen:

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

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

3. Gebruik de knoppen Vind ik leuk () en Vind niet leuk () 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) op basis van de titel van het artikel op het moment van aanmaak. Als de titel van het artikel bijvoorbeeld "Wat is Document360?" is, wordt what-is-document360de URL .

   NOTITIE

   Lees voor meer informatie het artikel op Change the URL of an article.

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

NOTITIE

Als u metagegevens van artikelen wilt bewerken, zoals SEO settings, search visibility, tags, , labels, related articles, preferencesstatus indicatorfeatured imageattachmentsof deprecation, klikt u op het pictogram Meer (⋯) in de rechterbovenhoek van de editor en selecteert u vervolgens Meer artikelopties.

U kunt het menu Snel invoegen , de opdracht slash en de specifieke Markdown-syntaxis gebruiken om inhoud te maken en te bewerken in de geavanceerde WYSIWYG-editor.

Menu voor snel invoegen

Het menu Snel invoegen wordt weergegeven als een zwevende optie in een leeg blok. Het stelt gebruikers in staat om snel veelgebruikte elementen aan hun artikelen toe te voegen.

De beschikbare opties in het menu Snel invoegen zijn:

• Eddy AI Writer (): Genereer AI-aangedreven inhoud rechtstreeks in uw artikel.

• Lijst met opsommingstekens (): Voeg een lijst met opsommingstekens in. Gebruik de vervolgkeuzelijst om standaard, schijf, vierkant of cirkel te selecteren.

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

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

  NOTITIE

  • Gebruik de beschikbare tools om de afbeelding op te maken. Klik op de afbeelding om het zwevende opmaakmenu te openen.

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

    Lees voor meer informatie het artikel op Image formatting in the Advanced WYSIWYG editor.

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

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

  • Taal dropdown: Selecteer de gewenste taal

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

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

NOTITIE

• Het menu Snel invoegen wordt alleen weergegeven als het blok leeg is.

• Het verdwijnt automatisch wanneer u begint te typen.

• Als u de inhoud in een blok wist, wordt het menu Snel invoegen opnieuw weergegeven.

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

Wanneer het artikel in de geavanceerde WYSIWYG-editor leeg is, kunt u beginnen met het maken van uw inhoud met behulp van de volgende opties:

een. Begin met schrijven met Eddy AI

1. Klik op Beginnen met schrijven met Eddy AI.

2. Selecteer een van de beschikbare opties:

   1. Artikel schrijven

   2. Artikeloverzicht maken

   3. Artikel maken van video

   4. Maak een artikel van een mediatranscript of tekstbestand

3. Voer de gewenste prompt of het gewenste onderwerp in.

   De AI genereert een eerste ontwerp op basis van de geselecteerde opties en de geleverde input.

NOTITIE

Lees voor meer informatie het artikel op AI Writer.

b. Kies een sjabloon

1. Klik op Een sjabloon kiezen.

   Er verschijnt een paneel met beschikbare sjablonen.

2. Selecteer de gewenste sjabloon en bekijk een voorbeeld.

3. Klik op Gebruik deze  sjabloon omuw artikel te structureren met vooraf gedefinieerde inhoud.

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

NOTITIE

Lees voor meer informatie het artikel op Templates.

C. Invoerdocument

1. Klik op Document importeren.

   Het importpaneel verschijnt.

2. Upload een .docx bestand met behulp van slepen en neerzetten of het uploaden van een bestand  .

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

NOTITIE

• De opties Beginnen met schrijven met Eddy AI, Een sjabloon kiezen en Documenten importeren worden prominent weergegeven wanneer de artikeleditor leeg is.

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

• Als u de inhoud in de editor wist, worden deze opties opnieuw weergegeven voor gemakkelijke toegang.

Slash-opdrachten

Typ / in de editor, er verschijnt een lijst met opties. U kunt ook naar de opties zoeken door de namen van de opdrachten te typen. Klik op de gewenste opdracht of druk op de Enter-toets om de opdracht te selecteren.

NOTITIE

Zorg ervoor dat u aan het begin van een regel of na een spatie typt / . De opties worden niet weergegeven als u deze direct na een teken typt. U kunt door elke opdracht en sectie navigeren in slash-opdrachten met behulp van de pijltoetsen omhoog, omlaag, rechts en links.

Je hebt ook eenvoudig toegang tot Eddy AI Writer vanaf de bovenkant van het schuine streepmenu. Bovendien zijn de opties voor slash-opdrachten onderverdeeld in drie secties:

NOTITIE

Tabellen

Wanneer u een keuze maakt /table in het schuine streepmenu, verschijnt er een submenu met een palet in rasterstijl:

• De standaardselectie is een 3 × 3 tabel.

• U kunt met behulp van het palet maximaal een 10 × 10 tabel invoegen .

• Gebruik de toetsenbordtoetsen of muis omde selectie te wijzigen.

• Nadat u de tabel hebt gemaakt, kunt u meer rijen en kolommen toevoegen met behulp van het + -pictogram. Lees voor meer informatie de Tables in Advanced WYSIWYG editor.

Scheidingslijnen

Wanneer u een keuze maakt /divider in het schuine streepmenu, verschijnt er een submenu met drie scheidingsstijlen:

• Solid (default)

• Gestippeld

• Onderbroken

Syntaxis voor afprijzing

De geavanceerde WYSIWYG-editor ondersteunt een breed scala aan Markdown-syntaxissen; Lees voor een gedetailleerde lijst het artikel over de basisprincipes van Markdown.

Als u bijvoorbeeld een kop 2 wilt toevoegen, typt u de volgende syntaxis: ## Markdown syntax. De syntaxis wordt gerenderd en Kop 2 wordt direct toegevoegd.

NOTITIE

• De Markdown-syntaxis werkt alleen als u deze handmatig typt. De syntaxis wordt niet weergegeven wanneer u de syntaxis kopieert en plakt.

• Lees het artikel op Advanced WYSIWYG editor basics.

Werkbalk

Als u de lay-out of het uiterlijk van de inhoud wilt wijzigen, gebruikt u de uitgebreide opmaakopties van de geavanceerde WYSIWYG-editor.

Klik tijdens het bewerken in de geavanceerde WYSIWYG-editor op het pictogram Opmaak () aan de rechterkant van het editorpaneel.

NOTITIE

Door de optie Vastzetten () te selecteren, kunt u de werkbalk verankeren aan de rechterkant van de editorinterface. Wanneer de werkbalk is vastgezet, blijft de categoriestructuur uitgevouwen terwijl u tussen artikelen navigeert, waardoor het gemakkelijker wordt om tussen de artikelen te schakelen zonder de categoriestructuur elke keer uit te breiden, terwijl de opmaakwerkbalk in de editor blijft vastgezet.

Op kleinere schermen (onder de 1280 px) wordt de categorieboom automatisch ingeklapt wanneer u tussen artikelen schakelt.

1. Tekststijlen

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

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

• Opmaak kopiëren/plakken (): Opmaak kopiëren en toepassen van het ene deel van de tekst op het andere.

• Clear (): Alle opmaak van geselecteerde tekst verwijderen.

• Lettercase (): De hoofdletter van de tekst wijzigen.

2. Koppen

• : De stijl H2 (kop 2) toepassen op de geselecteerde tekst.

• : De stijl H3 (kop 3) toepassen op de geselecteerde tekst.

• : De stijl H4 (kop 4) toepassen op de geselecteerde tekst.

• Alinea (): De standaardalineastijl toepassen op de geselecteerde tekst.

3. Typografie

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

• Lettergrootte: de grootte van de geselecteerde tekst aanpassen.

NOTITIE

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

• Als je de lettertype-instellingen in je knowledge base wilt wijzigen, navigeer je naar () in de linkernavigatiebalk.

• Navigeer in het linkernavigatiedeelvenster naar Knowledge base site > Customize site.

• Selecteer in de vervolgkeuzelijst voor sitelettertypen het gewenste lettertype.

4. Palet

• Tekstkleur: Om de kleur van de geselecteerde tekst te wijzigen.

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

5. Opmaak en lijsten

• Vet (): Om de geselecteerde tekst vet te maken.

• Cursief (): De geselecteerde tekst cursief maken.

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

• Doorhaling (): Doorhaling toepassen op de geselecteerde tekst.

• Inline code (): Inline code toevoegen aan de tekst.

• Links uitlijnen (): De tekstinhoud uitlijnen met de linkermarge.

• Centreren (): Om de tekstinhoud te centreren.

• Rechts uitlijnen (): De tekstinhoud uitlijnen met de juiste marge.

• Uitvullen (): De tekstinhoud gelijkmatig over de marges verdelen.

• Lijst met opsommingstekens (): Om een lijst toe te voegen die wordt aangeduid met symbolen voor elk item.

• Genummerde lijst (): Een lijst toevoegen die wordt aangeduid met een nummering voor elk item.

• Nummeringslijst op meerdere niveaus (): Om een lijst toe te voegen die wordt aangeduid met nummering op meerdere niveaus voor elk item.

• Checklist (): Om een lijst toe te voegen die wordt aangeduid met selectievakjes die gebruikers kunnen markeren als volledig of onvolledig.

6. Bediening

• Inspringing vergroten (): Om de inhoud verder van de marge te verwijderen.

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

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

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

• Regelhoogte (): Om de afstand tussen de lijnen te kiezen.

• Letterruimte (): De afstand tussen de letters wijzigen.

• Regeleinde (): Overschakelen naar de volgende regel.

• Pagina-einde (): Om op te geven waar de huidige pagina moet eindigen en de volgende pagina moet beginnen tijdens het exporteren van inhoud als PDF.

PRO-TIP

Als u het niveau van uw lijst met opsommingstekens of nummers wilt wijzigen, kunt u de besturingselementen Inspringing vergroten () of Inspringing verkleinen () op de werkbalk gebruiken. U kunt ook de sneltoetsen Tab gebruiken om de inspringing te vergroten of Shift+Tab om de inspringing te verkleinen.

Zoeken en vervangen

De functie Zoeken en vervangen in de geavanceerde WYSIWYG-editor gebruiken:

1. Klik op het pictogram Meer () in de rechterbovenhoek.

2. Selecteer Zoeken en vervangen in het menu.

NOTITIE

Lees voor meer informatie het artikel op Find and replace.

Sjablonen voor veelgestelde vragen invoegen in de geavanceerde WYSIWYG-editor

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

1. Navigeer naar de gewenste locatie in het artikel.  

2. Typ de opdracht /FAQs Slash en selecteer Veelgestelde vragen in de lijst.

   Document360 voegt drie FAQ accordeon sjablonen toe aan uw artikel.

3. In de ingevoegde FAQ-sjablonen kunt u de volgende opties uitvoeren:

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

   2. Uitvouwen/samenvouwen (): Klik om de FAQ accordeons uit te vouwen of samen te vouwen.

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

   4. Vraag toevoegen (): klik tussen de veelgestelde vragen om aanvullende aangepaste veelgestelde vragen in te voegen.

NOTITIE

• Sjablonen voor veelgestelde vragen verschillen van de AI FAQ-generator.

• Lees het artikel AI FAQ generatorvoor meer informatie.

Code weergave ()

• Hiermee kunt u de inhoud in HTML-codeformaat bekijken en bewerken.

• Als u overschakelt naar de codeweergave, kunt u aangepaste HTML-elementen toevoegen, inline-stijlen toepassen of nauwkeurige aanpassingen maken.

• Gebruik Ctrl + F om een permanente zoekopdracht uit te voeren in de codeweergave:

  • Druk op Enter om naar de volgende vermelding van de zoekterm te gaan.

  • Druk op Shift + Enter om naar het vorige exemplaar te navigeren.

• In het codeweergavevenster is het More pictogram () uitgeschakeld.

NOTITIE

• U moet op de knop Opslaan klikken om de wijzigingen op te slaan die in de codeweergave zijn aangebracht.

• Geordende en ongeordende lijst mist sequentiële volgorde.

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

  • Wanneer de inhoud wordt gekopieerd en geplakt.

  • In bepaalde scenario's voor inhoudsmigratie.

Een inline opmerking toevoegen in de geavanceerde WYSIWYG-editor

1. Navigeer naar het gewenste artikel in de Knowledge Base-portal.

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

3. Klik op het pictogram Opmerking () in het zwevende menu.

4. Gebruik basisopmaakhulpmiddelen zoals vet en lijsten. Gebruik daarnaast het @ -symbool om uw projectteamleden te vermelden als dat nodig is.

5. Als u klaar bent, klikt u op het pictogram Verzenden ().

NOTITIE

Als u deze modus wilt uitschakelen, navigeert u naar de Knowledge Base-portal, Documentatie () in de linkernavigatiebalk.

Navigeer in het linkernavigatiedeelvenster naar Inhoudshulpmiddelen > Werkstroomontwerper. Plaats de muisaanwijzer op de gewenste status en klik op het pictogram Bewerken (✎) en schakel de schakelaar Alleen lezen uit.

Om alle opmerkingen in een artikel te bekijken:

1. Navigeer naar het gewenste artikel.

2. Klik op het pictogram Opmerking () aan de rechterkant in de buurt van de publicatieknop.

3. Het deelvenster Opmerkingen verschijnt. Gebruik het dropdownmenu bovenaan om de opties te filteren, zoals Alle reacties, Genoemde reacties, Open reacties en Opgeloste reacties.

Hier kunt u reageren op de opmerkingen.

NOTITIE

Lees voor informatie het artikel op Reviewing an article using Inline comments

Genummerde lijsten en lijsten met meerdere niveaus gebruiken in de geavanceerde WYSIWYG-editor

In de geavanceerde WYSIWYG-editor kunt u zowel genummerde lijsten als lijsten met meerdere niveaus toevoegen om uw inhoud effectief te ordenen.

Een genummerde lijst maken

U kunt op een van de volgende manieren een genummerde lijst maken:

Methode 1:
Typ een van de volgende opties, gevolgd door een spatie, op basis van uw vereisten:
1., a., A., i., I., (α)., 1), , a), of i)

Methode 2:
Gebruik de opdracht slash (/):

• /numbered list – om een genummerde lijst toe te voegen. Plaats de muisaanwijzer op Genummerde lijst in het schuine streepmenu om de beschikbare lijstopties weer te geven.

• /multi-level list – om een lijst met meerdere niveaus toe te voegen. Beweeg de muisaanwijzer over Lijst met meerdere niveaus in het schuine streepmenu om de lijst met lijstopties met meerdere niveaus weer te geven.

Methode 3:

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

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

Beschikbare lijststijlen

Genummerde lijstindelingen

De volgende genummerde lijststijlen zijn beschikbaar:

Lijstindelingen op meerdere niveaus

U kunt kiezen uit vier soorten lijsten met meerdere niveaus:

Formaat kopiëren/plakken in de geavanceerde WYSIWYG-editor

Met de opmaakopmaak in Document360 kunt u snel tekstopmaak kopiëren en toepassen van de ene sectie naar de andere, waardoor u tijd bespaart en zorgt voor consistentie in uw inhoud.

U kunt de Opmaak kopiëren/plakken openen vanaf de volgende locaties in de geavanceerde WYSIWYG-editor:

• Menu Opmaak

• Bellenmenu dat verschijnt wanneer u tekst selecteert

De opmaakdrukfunctie gebruiken

De opmaakdrukker gebruiken

1. Selecteer in de geavanceerde WYSIWYG-editor de brontekst waarvan u de opmaak wilt kopiëren.

2. Klik op het pictogram Opmaak kopiëren/plakken () in het opmaak- of ballonmenu.

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

4. Pas de gekopieerde opmaak toe door:

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

   • Slepen met de muis om een selectie te markeren.

   • Een heel tekstblok selecteren.

Zodra de opmaak is toegepast of de opmaakoptiek is geannuleerd, wordt de cursor weer normaal.

Opmaak die wordt gekopieerd

Alleen opmaak op tekstniveau wordt gekopieerd. Dit omvat:

• Lettertype, -grootte en -kleur

• Vet, cursief, onderstrepen, doorhalen

• Afstand tussen letters

• Achtergrondkleur (markeren)

NOTITIE

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

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

De opmaakdrukker annuleren

De opmaakdrukfunctie wordt gedeactiveerd als u:

• Klik ergens buiten de editor.

• Druk op Esc.

• Voer een andere actie uit in de editor of Categories & Articles het deelvenster.

• Klik op het actieve pictogram Opmaak kopiëren/plakken in het menu Opmaak.

NOTITIE

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

• Druk of Alt + Shift + V klik op het pictogram Wissen () in het menu Opmaak om de opmaak van de geselecteerde tekst te wissen.

Sneltoetsen voor Opmaak kopiëren/plakken

De sneltoetsen voor het gebruik van Opmaak kopiëren/plakken zijn:

Opmaakopties voor plakken vanuit Microsoft Word

Wanneer u inhoud uit Microsoft Word plakt, kunt u de opmaak behouden of wissen, inclusief elementen zoals lijsten, tabellen, inspringingen en lettertypen.

1. Klik op Plakken met opmaak om de indeling van de inhoud uit Microsoft Word te behouden.

2. Klik op Plakken als tekst zonder opmaak om de indeling van de inhoud uit Microsoft Word te wissen.

Probleemoplossing

Kan de artikelsectie niet bewerken vanwege niet-ondersteunde HTML-tags

Dit probleem treedt op wanneer een artikel wordt geconverteerd van de WYSIWYG-editor naar de geavanceerde 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 geavanceerde WYSIWYG-editor.

2. Importeer of kopieer en plak in plaats daarvan inhoud rechtstreeks in de geavanceerde WYSIWYG-editor om opmaakproblemen te voorkomen.

3. Als het probleem zich al heeft voorgedaan, controleert u de codeweergave van het artikel en verwijdert u alle niet-ondersteunde HTML-tags. Deze tags zijn meestal verpakt in de <editor360-custom-block> tag. Als u deze tag verwijdert, wordt de bewerkingsfunctionaliteit hersteld en wordt het probleem opgelost.

.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>