De invoegtoepassingen van de Rich Text Editor configureren configure-the-rich-text-editor-plug-ins

Zoek met CRXDE Lite de tekstcomponent voor uw project.

Het bovenliggende knooppunt maken van <rtePlugins-node> als het niet bestaat, alvorens om het even welke stop-ins te vormen RTE:

• Afhankelijk van uw component zijn de bovenliggende knooppunten:

  • config: .../text/cq:editConfig/cq:inplaceEditing/config
  • een alternatief configuratieknooppunt: .../text/cq:editConfig/cq:inplaceEditing/inplaceEditingTextConfig
  • text: .../text/dialog/items/tab1/items/text

• Zijn van type: jcr:primaryType cq:Widget

• Beide hebben de volgende eigenschap:

  • Naam name
  • Type String
  • Waarde ./text

Afhankelijk van de interface u voor vormt, creeer een knoop <rtePlugins-node>, indien deze niet bestaat:

• Naam rtePlugins
• Type nt:unstructured

Maak hieronder een knooppunt voor elke plug-in die u wilt activeren:

• Type nt:unstructured
• Naam de insteekmodule-id van de vereiste insteekmodule

Navigeer in uw component naar <rtePlugins-node>/edit knooppunt. Maak de knooppunten als de knooppunten niet bestaan. Zie voor meer informatie een plug-in activeren.

In de edit de knoop creeert een bezit gebruikend de volgende details:

• Naam defaultPasteMode
• Type String
• Waarde is een van de vereiste plakmodi browser, plaintext, of wordhtml modi.

In uw component, navigeer aan de knoop <rtePlugins-node>/edit. Maak de knooppunten als het knooppunt niet bestaat. Zie voor meer informatie een plug-in activeren.

Een knooppunt maken onder het dialoogvenster edit knoop om de HTML deegregels te houden:

• Naam htmlPasteRules
• Type nt:unstructured

Een knooppunt maken onder htmlPasteRulesvoor de details van de toegestane basisformaten:

• Naam allowBasics
• Type nt:unstructured

Als u de afzonderlijke geaccepteerde indelingen wilt beheren, maakt u een of meer van de volgende eigenschappen op de allowBasics knooppunt:

• Naam bold
• Naam italic
• Naam underline
• Naam anchor (voor zowel koppelingen als benoemde ankers)
• Naam image

Alle eigenschappen zijn Type Booleanin voorkomend geval Waarde u kunt het vinkje selecteren of verwijderen om de functionaliteit in of uit te schakelen.

Andere indelingen kunnen ook worden gedefinieerd met behulp van een reeks andere eigenschappen of knooppunten, die ook worden toegepast op de htmlPasteRules knooppunt:

In uw component, navigeer aan de knoop <rtePlugins-node>/styles. Maak de knooppunten als de knooppunten niet bestaan. Zie voor meer informatie een plug-in activeren.

Maak de features eigenschap op de styles knooppunt:

• Naam features
• Type String
• Waarde * (sterretje)

Sla alle wijzigingen op.

Ga bijvoorbeeld naar het hoofdknooppunt van de tekstcomponent. /apps/<myProject>/components/text.

De eigenschap toevoegen externalStyleSheets naar het bovenliggende knooppunt van <rtePlugins-node>:

• Naam externalStyleSheets
• Type String[] (meerdere tekenreeksen; klik op Multi in CRXDE)
• Waarden Het pad en de bestandsnaam van elk stijlblad dat u wilt opnemen. Gebruik repository paden.

Sla alle wijzigingen op.

Navigeer in de componentdefinitie naar het knooppunt <rtePlugins-node>/styles, zoals gemaakt in De vervolgkeuzekiezer voor stijlen inschakelen.

Onder het knooppunt styles, maakt u een knooppunt (ook wel styles) voor het beschikbaar stellen van de lijst:

• Naam styles
• Type cq:WidgetCollection

Een knooppunt maken onder het dialoogvenster styles knooppunt voor weergave van een afzonderlijke stijl:

• Naam kunt u de naam opgeven, maar deze moet wel geschikt zijn voor de stijl
• Type nt:unstructured

De eigenschap toevoegen cssName naar dit knooppunt om naar de CSS-klasse te verwijzen:

• Naam cssName
• Type String
• Waarde De naam van de CSS-klasse (zonder een voorafgaande '.'; bijvoorbeeld cssClass in plaats van .cssClass)

De eigenschap toevoegen text op hetzelfde knooppunt. Hiermee definieert u de tekst in het selectievak:

• Naam text
• Type String
• Waarde Beschrijving van de stijl; wordt weergegeven in het keuzemenu Stijl.

Sla de wijzigingen op.

Herhaal bovenstaande stappen voor elke vereiste stijl.

Maak een knooppunt onder het knooppunt Stijlen. Zie een stijl opgeven.

• Naam: jpn-word-wrap
• Type: nt:unstructure

De eigenschap toevoegen cssName naar het knooppunt om naar de CSS-klasse te verwijzen. Deze klassenaam is een gereserveerde naam voor de functie voor tekstomloop in Japans.

• Naam: cssName
• Type: String
• Waarde: jpn-word-wrap (zonder voorafgaande .)

Voeg de bezitstekst aan de zelfde knoop toe. De waarde is de naam van de stijl die de auteurs zien wanneer ze de stijl selecteren.

• Naam: text
  *Type: String
• Waarde: Japanese word-wrap

Maak een stijlpagina en geef het pad op. Zie locatie van stijlblad opgeven. Voeg de volgende inhoud toe aan het stijlblad. Wijzig de achtergrondkleur naar wens.

.text span.jpn-word-wrap {
    display:inline-block;
}
.is-edited span.jpn-word-wrap {
    background-color: #ffddff;
}

In uw component, navigeer aan de knoop <rtePlugins-node>/paraformat. Maak de knooppunten als de knooppunten niet bestaan. Zie voor meer informatie een plug-in activeren.

Maak de features eigenschap op de paraformat knooppunt:

• Naam features
• Type String
• Waarde * (sterretje)

Navigeer in de componentdefinitie naar het knooppunt <rtePlugins-node>/paraformat, zoals gemaakt in De keuzelijst met indelingen inschakelen.

Onder de paraformat node create a node, to hold the list of formats:

• Naam formats
• Type cq:WidgetCollection

Een knooppunt maken onder het dialoogvenster formats node, this holds details for an individual format:

• Naam kunt u de naam opgeven, maar deze moet wel geschikt zijn voor de indeling (bijvoorbeeld mijnalinea, mijnkop1).
• Type nt:unstructured

Aan dit knooppunt voegt u de eigenschap toe om de gebruikte bloktag te definiëren:

• Naam tag

• Type String

• Waarde De bloktag voor de indeling, bijvoorbeeld: p, h1, h2, enzovoort.

  U hoeft de punthaakjes voor scheidingstekens niet in te voeren.

Aan de zelfde knoop voeg een ander bezit toe, voor beschrijvende tekst om in de drop-down lijst te verschijnen:

• Naam description
• Type String
• Waarde De beschrijvende tekst voor deze indeling, bijvoorbeeld Alinea, Kop 1, Kop 2, enzovoort. Deze tekst wordt weergegeven in de selectielijst Indeling.

Sla de wijzigingen op.

Herhaal de stappen voor elke vereiste indeling.

In uw component, navigeer aan de knoop <rtePlugins-node>/misctools. Maak de knooppunten als de knooppunten niet bestaan. Zie voor meer informatie een plug-in activeren.

Maak de features eigenschap op de misctools knooppunt:

• Naam features

• Type String[]

• Waarde specialchars

  (of String / * als u alle functies voor deze plug-in toepast)

Onder misctools Maak een knooppunt voor de speciale tekenconfiguraties:

• Naam specialCharsConfig
• Type nt:unstructured

Onder specialCharsConfig Maak een ander knooppunt voor de lijst met tekens:

• Naam chars
• Type nt:unstructured

Onder chars Voeg een knooppunt toe voor een afzonderlijke tekendefinitie:

• Naam U kunt de naam opgeven, maar deze moet het teken weerspiegelen, bijvoorbeeld de helft.
• Type nt:unstructured

Aan deze knoop voeg het volgende bezit toe:

• Naam entity
• Type String
• Waarde de HTML-weergave van het vereiste teken, bijvoorbeeld &189; voor de fractie de helft.

Sla de wijzigingen op.

Gebruik stap 1 tot en met 3 van Eén teken definiëren.

Onder chars Voeg een knooppunt toe voor de definitie van het tekenbereik:

• Naam U kunt de naam opgeven, maar deze moet het tekenbereik weerspiegelen, bijvoorbeeld potloden.
• Type nt:unstructured

Voeg onder dit knooppunt (benoemd op basis van uw speciale tekenbereik) de volgende twee eigenschappen toe:

• Naam rangeStart

  Type Long
  Waarde de Unicode representatie (decimaal) van het eerste teken in het bereik

• Naam rangeEnd

  Type Long
  Waarde de Unicode representatie (decimaal) van het laatste teken in het bereik

Sla de wijzigingen op.

Als u bijvoorbeeld een bereik definieert tussen 998 en 10000, kunt u de volgende tekens gebruiken.

Figuur: In CRXDE, bepaal een waaier van karakters die in RTE ter beschikking moeten worden gesteld

Binnen uw component navigeer aan de knoop <rtePlugins-node>/table. Maak de knooppunten als de knooppunten niet bestaan. Zie voor meer informatie een plug-in activeren.

Maak de features eigenschap op de table knooppunt:

• Naam features
• Type String
• Waarde *

Definieer de locatie van CSS-stijlpagina's om deze te verwijzen. Zie De locatie van het stijlblad opgeven omdat dit hetzelfde is als bij het definiëren van stijlen voor tekst. De locatie kan worden gedefinieerd als u andere stijlen hebt gedefinieerd.

Onder de table de knoop creeert de volgende knopen zoals vereist:

• Stijlen definiëren voor de gehele tabel (beschikbaar onder Table properties):

  • Naam tableStyles
  • Type cq:WidgetCollection

• Stijlen definiëren voor de afzonderlijke cellen (beschikbaar onder Cell properties),

  • Naam cellStyles
  • Type cq:WidgetCollection

Een knooppunt maken (onder de tableStyles of cellStyles knooppunt (indien van toepassing) om een afzonderlijke stijl te vertegenwoordigen;

• Naam U kunt de naam opgeven, maar deze moet de stijl weerspiegelen.
• Type nt:unstructured

Maak op dit knooppunt de eigenschappen:

• De CSS-stijl waarnaar wordt verwezen, definiëren

  • Naam cssName
  • Type String
  • Waarde de naam van de CSS-klasse (zonder voorafgaande ., bijvoorbeeld cssClass in plaats van .cssClass)

• Een beschrijvende tekst definiëren die in de pop-upkiezer moet worden weergegeven,

  • Naam text
  • Type String
  • Waarde de tekst die in de selectielijst moet worden weergegeven

Sla alle wijzigingen op.

Naar de pagina navigeren https://extensions.openoffice.org/.

Selecteer de gewenste taal en download het ZIP-bestand met de spellingdefinities. Extraheer de inhoud van het archief op uw bestandssysteem.

Zoek de bestanden .aff en .dic. Bestandsnaam in kleine letters behouden. Bijvoorbeeld: de_de.aff en de_de.dic.

Laad de .aff- en .dic-bestanden in de opslagplaats op /apps/cq/spellchecker/dictionaries.

Binnen uw component navigeer aan de knoop <rtePlugins-node>/undo. Maak deze knooppunten als deze niet bestaan. Zie voor meer informatie een plug-in activeren.

Op de undo node maakt de eigenschap:

• Naam maxUndoSteps
• Type Long
• Waarde het aantal stappen voor ongedaan maken dat u in de geschiedenis wilt opslaan. De standaardwaarde is 50. Gebruiken 0 om ongedaan te maken ongedaan maken/opnieuw.

Sla de wijzigingen op.

In uw component, navigeer aan de knoop <rtePlugins-node>/keys. Maak de knooppunten als de knooppunten niet bestaan. Zie voor meer informatie een plug-in activeren.

Op de keys node maakt de eigenschap:

• Naam tabSize
• Type String
• Waarde Het aantal spatietekens dat voor de tabulator moet worden gebruikt.

Sla de wijzigingen op.

Binnen uw component navigeer aan de knoop <rtePlugins-node>/lists. Maak deze knooppunten als deze niet bestaan. Zie voor meer informatie een plug-in activeren.

Op de lists de knoop creeert identSize parameter:

• Naam: identSize
• Type: Long
• Waarde: aantal pixels vereist voor de inspringingsmarge.

In de ../items/text in de dialoogdefinitie voor de component een eigenschap maken:

• Naam height
• Type Long
• Waarde de hoogte van het bewerkingscanvas in pixels.

Sla de wijzigingen op.

Zoek met CRXDE Lite de tekstcomponent voor uw project.

Een knooppunt maken op hetzelfde niveau als <rtePlugins-node>, dat wil zeggen, maak het knooppunt onder het bovenliggende knooppunt van <rtePlugins-node>:

• Naam htmlRules
• Type nt:unstructured

Onder htmlRules, maakt u een knooppunt.

• Naam links
• Type nt:unstructured

Onder de links node definieert de eigenschappen naar wens:

• CSS-stijl voor interne koppelingen:

  • Naam cssInternal
  • Type String
  • Waarde de naam van de CSS-klasse (zonder een voorafgaande '.'; bijvoorbeeld cssClass in plaats van .cssClass)

• CSS-stijl voor externe koppelingen

  • Naam cssExternal
  • Type String
  • Waarde de naam van de CSS-klasse (zonder een voorafgaande '.'; bijvoorbeeld cssClass in plaats van .cssClass)

• Array van geldige waarden protocols inclusief https://, https://, file://, mailto:en andere

  • Naam protocols
  • Type String[]
  • Waarde(s) één, of meer protocollen

• defaultProtocol (eigenschap van type String): Protocol dat moet worden gebruikt als de gebruiker er niet expliciet een heeft opgegeven.

  • Naam defaultProtocol
  • Type String
  • Waarde(s) één, of meer, standaardprotocollen

• Definitie van hoe te om het doelattribuut van een verbinding te behandelen. Een knooppunt maken:

  • Naam targetConfig
  • Type nt:unstructured

  Op het knooppunt targetConfig: definieer de vereiste eigenschappen:

  • Geef de doelmodus op:

    • Naam mode

    • Type String)

    • Waarde s) :

      • auto: betekent dat een automatisch doel wordt gekozen

        (gespecificeerd door de targetExternal eigenschap voor externe koppelingen of targetInternal voor interne koppelingen).

      • manualNiet van toepassing in deze context

      • blankNiet van toepassing in deze context

  • Het doel voor interne koppelingen:

    • Naam targetInternal
    • Type String
    • Waarde het doel voor interne koppelingen (alleen gebruiken als de modus auto)

  • Het doel voor externe koppelingen:

    • Naam targetExternal
    • Type String
    • Waarde het doel voor externe koppelingen (wordt alleen gebruikt als de modus auto).

Sla alle wijzigingen op.