Werkbalk Aanpassen id172FB00L0V6
Standaard wordt de webeditor geleverd met de meest voorkomende redactionele functies die door elke DITA-editor worden vereist. Functies zoals het invoegen van elementen van het type lijst (genummerd of met opsommingstekens), kruisverwijzing, inhoudsverwijzing, tabel, alinea en tekenopmaak zijn beschikbaar in de editor. Naast deze basiselementen, kunt u de Redacteur van het Web aanpassen om elementen op te nemen die in uw auteursmilieu worden gebruikt.
Er zijn twee manieren om de toolbar van de Redacteur van het Web aan te passen:
-
Nieuwe functionaliteit toevoegen aan de werkbalk
-
Bestaande functies van de werkbalk verwijderen
Een functie toevoegen aan de werkbalk
Het toevoegen van een functionaliteit aan de Redacteur van het Web impliceert twee primaire taken - toevoegend een pictogram voor de eigenschap in het {dossier 0} ui_config.json en toevoegend de achtergrondfunctionaliteit in JavaScript.
Voer de volgende stappen uit om een eigenschap aan de toolbar van de Redacteur van het Web toe te voegen:
-
U kunt als beheerder het configuratiebestand van de gebruikersinterface downloaden door u aan te melden bij Adobe Experience Manager.
-
Klik op de verbinding van Adobe Experience Manager bij de bovenkant en kies Hulpmiddelen.
-
Selecteer Gidsen van de lijst van hulpmiddelen en klik de Profielen van de Omslag.
-
Klik op de Globale tegel van het Profiel.
-
Selecteer het lusje van de Configuratie van de Redacteur van XML en klik uitgeven pictogram op de bovenkant
-
Klik het pictogram van de Download om het ui _config.json- dossier op uw lokaal systeem te downloaden. Vervolgens kunt u wijzigingen in het bestand aanbrengen en het bestand vervolgens uploaden.
-
Voeg in het bestand
ui_config.json
de definitie van de nieuwe functie toe in de sectie Werkbalken. Sla het bestand op en upload het.Doorgaans kunt u een nieuwe werkbalkknoopgroep maken en er een of meer werkbalkknoppen aan toevoegen. U kunt ook een nieuwe werkbalkknop toevoegen binnen een bestaande werkbalkgroep. U moet de volgende gegevens opgeven om een nieuwe werkbalkgroep te maken:
type: Geef
blockGroup
op als detype
-waarde. Deze waarde geeft aan dat u een blokgroep maakt die een of meer werkbalkgroepen zou bevatten.extraclass: Naam van de klasse of klassen, gescheiden door spatie.
punten: Geef de definitie van alle groepen op de werkbalk op. Elke groep kan een of meerdere werkbalkpictogrammen bevatten. Als u pictogrammen in een werkbalkgroep wilt definiëren, moet u het kenmerk
type
opnieuw definiëren in deitems
-sectie en de waarde ervan instellen opbuttonGroup
. Geef een of meer klassenamen op in de eigenschapextraclass
. Geef de functienaam op in de eigenschaplabel
. In het volgende fragment uit het bestandui_config.json
wordt de definitie van het hoofdwerkbalkblok weergegeven, gevolgd door de definitiebuttonGroup
:code language-none " "toolbar": "type": "blockGroup", "extraclass": "toolbarverrichtingen", "items": [ { "type": "buttonGroup", "extraclass": "left-controls", "label": "Left Controls", "items": [ "
In de
items
-verzameling moet u de definitie voor een of meer werkbalkpictogrammen opgeven.U moet de volgende eigenschappen definiëren om een werkbalkpictogram toe te voegen:
type: Geef
button
op als detype
-waarde. Deze waarde geeft aan dat u een werkbalkknop toevoegt.pictogram: Geef de naam op van het koraalpictogram dat u wilt gebruiken op de werkbalk.
variant: Geef
quiet
op als devariant
-waarde.titel: Geef de knopinfo voor het pictogram op.
on-click: Geef de opdrachtnaam op die voor de functie in het JavaScript-bestand is gedefinieerd. Als voor uw opdracht invoerparameters zijn vereist, geeft u de opdrachtnaam op als:
code language-none "JavaScript "on-click": {"name": "AUTHOR_INSERT_ELEMENT", "args": "simpletable"} "
toon of verberg: Als u de eigenschap
show
definieert, geeft u de modi op waarin het pictogram wordt weergegeven. Mogelijke waarden zijn -@isAuthorMode
,@isSourceMode
,@isPreviewMode
,true
(weergeven in alle modi) offalse
(verbergen in alle modi).In plaats van
show
kunt u ook de eigenschaphide
definiëren. De mogelijke waarden zijn gelijk aan die in de eigenschapshow
, met het enige verschil dat het pictogram niet wordt weergegeven voor de opgegeven modus.In het volgende voorbeeld ziet u het AEM Guides-versienummer wanneer de gebruiker op het pictogram Versie tonen op de werkbalk klikt.
Voeg de volgende code toe aan een JavaScript-bestand:
code language-javascript $(document).ready(setTimeout(function() { fmxml.commandHandler.subscribe({ key: 'user.alert', next: function() { alert("AEM Guides version x.x") } }) }, 1000))
Voeg de eigenschap in het {dossier 0} toe ui _config.json als:
code language-javascript "type": "button", "icon": "alert","variant": "quiet","title": "About AEM Guides","show": "true","on-click": "user.alert"
-
Creeer a clientlib omslag en voeg uw JavaScript in deze omslag toe.
-
Werk het categoriereigenschap van de clientlib omslag bij door het de waarde van apps.fmdita.xml _editor.page_overrides toe te wijzen.
-
Sparen het {dossier 0} ui_config.json en laad de Redacteur van het Web opnieuw.
Een functie verwijderen uit de werkbalk
Soms wilt u wellicht niet alle functies weergeven die momenteel beschikbaar zijn in de webeditor. In dat geval kunt u de ongewenste functie verwijderen van de werkbalk van de webeditor.
Voer de volgende stappen uit om ongewenste functies van de werkbalk te verwijderen:
-
U kunt als beheerder het configuratiebestand van de gebruikersinterface downloaden door u aan te melden bij Adobe Experience Manager.
-
Klik op de verbinding van Adobe Experience Manager bij de bovenkant en kies Hulpmiddelen.
-
Selecteer Gidsen van de lijst van hulpmiddelen en klik de Profielen van de Omslag.
-
Klik op de Globale tegel van het Profiel.
-
Selecteer het lusje van de Configuratie van de Redacteur van XML en klik uitgeven pictogram op de bovenkant
-
Klik het pictogram van de Download om het ui _config.json- dossier op uw lokaal systeem te downloaden. Vervolgens kunt u wijzigingen in het bestand aanbrengen en het bestand vervolgens uploaden.
Het bestand
ui_config.json
heeft drie secties:-
toolbars: Deze sectie bevat de definitie van alle functies die beschikbaar zijn op de werkbalk van de editor, zoals Genummerde lijst invoegen/verwijderen, (bestand) Sluiten, Opslaan, Opmerkingen en meer.
-
kortere weg: Deze sectie bevat de definitie van toetsenbordkortere weg die aan een bepaalde eigenschap in de redacteur wordt toegewezen.
-
malplaatjes: Deze sectie bevat de vooraf gedefinieerde structuur van DITA-elementen die u in uw document kunt gebruiken. Standaard bevat de sjabloonsectie sjabloondefinities voor een alinea, eenvoudige tabel, tabel en tekstelementen. U kunt een sjabloondefinitie maken voor elk element door een geldige XML-structuur toe te voegen voor het gewenste element. Als u bijvoorbeeld een
p
-element wilt toevoegen met elk nieuwli
-element in een lijst, kunt u de volgende code toevoegen aan het einde van de sjabloonsectie om dit te bereiken:
code language-css "li": "<li><p></p></li>"
-
-
Verwijder in de sectie Werkbalken het item van de functie die u niet aan uw gebruikers wilt tonen.
-
Sparen het {dossier 0} ui_config.json en laad de Redacteur van het Web opnieuw.
Bovenliggend onderwerp: pas de Redacteur van het Webaan