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

Zoek met CRXDE Lite de tekstcomponent voor uw project.

Maak het bovenliggende knooppunt van <rtePlugins-node> als dit niet bestaat, voordat u eventuele RTE-plug-ins configureert:

• 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 waarvoor u configureert, maakt u een knooppunt <rtePlugins-node> als dit niet bestaat:

• Naam rtePlugins
• Type nt:unstructured

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

• Type nt:unstructured
• Naam vereiste Plug-in identiteitskaart van de insteekmodule

Navigeer in uw component naar het knooppunt <rtePlugins-node>/edit . Maak de knooppunten als de knooppunten niet bestaan. Voor meer informatie, zie een elektrisch toestelactiveren.

Maak in het knooppunt edit een eigenschap met de volgende details:

• Naam defaultPasteMode
• Type String
• Waarde is één van de vereiste deegwijze van browser, plaintext, of wordhtml wijzen.

Navigeer in uw component naar het knooppunt <rtePlugins-node>/edit . Maak de knooppunten als het knooppunt niet bestaat. Voor meer details, zie een elektrisch toestelactiveren.

Maak een knooppunt onder het knooppunt edit voor de plakregels voor HTML:

• Naam htmlPasteRules
• Type nt:unstructured

Maak een knooppunt onder htmlPasteRules voor meer informatie over de toegestane basisindelingen:

• Naam allowBasics
• Type nt:unstructured

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

• Naam bold
• Naam italic
• Naam underline
• Naam anchor (voor zowel verbindingen als genoemde ankers)
• Naam image

Alle eigenschappen zijn van Type Boolean, zodat in de aangewezen Waarde kunt u of het vinkje selecteren of verwijderen om de functionaliteit toe te laten of onbruikbaar te maken.

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

Navigeer in uw component naar het knooppunt <rtePlugins-node>/styles . Maak de knooppunten als de knooppunten niet bestaan. Voor meer details, zie een elektrisch toestelactiveren.

Maak de eigenschap features op het knooppunt styles :

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

Sla alle wijzigingen op.

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

Voeg de eigenschap externalStyleSheets toe aan het bovenliggende knooppunt van <rtePlugins-node> :

• Naam externalStyleSheets
• Type String[] (multi-koord; klik Multi in CRXDE)
• Waarden de weg en filename van elk stijlblad u wilt omvatten. Gebruik repository paden.

Sla alle wijzigingen op.

In de componentendefinitie, navigeer aan de knoop <rtePlugins-node>/styles, zoals gecreeerd in toelatend de stijldrop-down selecteur.

Onder het knooppunt styles maakt u een knooppunt (ook wel styles genoemd) voor de opname van de lijst die beschikbaar wordt gesteld:

• Naam styles
• Type cq:WidgetCollection

Maak een knooppunt onder het knooppunt styles dat een afzonderlijke stijl vertegenwoordigt:

• Naam, kunt u de naam specificeren, maar het zou voor de stijl geschikt moeten zijn
• Type nt:unstructured

Voeg de eigenschap cssName toe aan dit knooppunt om naar de CSS-klasse te verwijzen:

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

Voeg de eigenschap text toe aan hetzelfde knooppunt. Hiermee wordt de tekst in het selectievak gedefinieerd:

• Naam text
• Type String
• Beschrijving van de Waarde van de stijl; verschijnt in de drop-down de selectiedoos van de Stijl.

Sla de wijzigingen op.

Herhaal bovenstaande stappen voor elke vereiste stijl.

Maak een knooppunt onder het knooppunt Stijlen. Zie een stijlspecificeren.

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

Voeg de eigenschap cssName toe aan 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 plaats van stylesheetspecificeren. 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;
}

beschikbaar te maken

Navigeer in uw component naar het knooppunt <rtePlugins-node>/paraformat . Maak de knooppunten als de knooppunten niet bestaan. Voor meer details, zie een elektrisch toestelactiveren.

Maak de eigenschap features op het knooppunt paraformat :

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

In de componentendefinitie, navigeer aan de knoop <rtePlugins-node>/paraformat, zoals gecreeerd in toelatend de formaatdrop-down selecteur.

Onder het knooppunt paraformat maakt u een knooppunt voor de lijst met indelingen:

• Naam formats
• Type cq:WidgetCollection

Maak een knooppunt onder het knooppunt formats . Dit bevat gegevens voor een afzonderlijke indeling:

• Naam, kunt u de naam specificeren, maar het zou voor het formaat (bijvoorbeeld, mijnparagraaf, myheading1) geschikt moeten zijn.
• Type nt:unstructured

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

• Naam tag

• Type String

• Waarde de blokmarkering voor het formaat; bijvoorbeeld: p, h1, h2, etc.

  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 dit formaat; bijvoorbeeld, Paragraaf, Kop 1, Kop 2, etc. Deze tekst wordt weergegeven in de selectielijst Indeling.

Sla de wijzigingen op.

Herhaal de stappen voor elke vereiste indeling.

Navigeer in uw component naar het knooppunt <rtePlugins-node>/misctools . Maak de knooppunten als de knooppunten niet bestaan. Voor meer details, zie een elektrisch toestelactiveren.

Maak de eigenschap features op het knooppunt misctools :

• Naam features

• Type String[]

• Waarde specialchars

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

Onder misctools maakt u 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

Voeg onder chars een knooppunt toe voor een afzonderlijke tekendefinitie:

• Naam u kunt de naam specificeren, maar het zou op het karakter moeten wijzen; bijvoorbeeld, de helft.
• Type nt:unstructured

Aan deze knoop voeg het volgende bezit toe:

• Naam entity
• Type String
• Waarde de vertegenwoordiging van de HTML van het vereiste karakter; bijvoorbeeld, &189; voor de fractie één helft.

Sla de wijzigingen op.

De stappen 1 van het gebruik tot 3 van bepalen één enkel karakter.

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

• Naam u kunt de naam specificeren, maar het zou op de karakterwaaier moeten wijzen; 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 vertegenwoordiging van Unicode(decimaal) van het eerste karakter in de waaier

• Naam rangeEnd

  Type Long
  Waarde de vertegenwoordiging van Unicode(decimaal) van het laatste karakter in de waaier

Sla de wijzigingen op.

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

beschikbaar moeten worden gemaakt

Cijfer: In CRXDE, bepaal een waaier van karakters die in RTE beschikbaar moeten worden gemaakt

Navigeer binnen uw component naar het knooppunt <rtePlugins-node>/table . Maak de knooppunten als de knooppunten niet bestaan. Voor meer details, zie een elektrisch toestelactiveren.

Maak de eigenschap features op het knooppunt table :

• Naam features
• Type String
• Waarde *

Definieer de locatie van CSS-stijlpagina's om deze te verwijzen. Zie het specificeren van de plaats van uw stijlbladaangezien dit het zelfde als wanneer het bepalen van stijlen voor tekstis. De locatie kan worden gedefinieerd als u andere stijlen hebt gedefinieerd.

Maak onder het knooppunt table de volgende knooppunten naar wens:

• 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

Maak een knooppunt (onder het knooppunt tableStyles of cellStyles , al naar gelang) dat een afzonderlijke stijl vertegenwoordigt,

• Naam u kunt de naam specificeren, maar het zou op de stijl moeten wijzen.
• 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 verschijnen

Sla alle wijzigingen op.

Navigeer aan de pagina 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 .

Navigeer binnen uw component naar het knooppunt <rtePlugins-node>/undo . Maak deze knooppunten als deze niet bestaan. Voor meer details, zie een elektrisch toestelactiveren.

Maak de eigenschap op het knooppunt undo :

• Naam maxUndoSteps
• Type Long
• Waarde het aantal ongedaan maakt stappen u in de geschiedenis wilt bewaren. De standaardwaarde is 50. Gebruik 0 om ongedaan te maken/opnieuw uit te voeren.

Sla de wijzigingen op.

Navigeer in uw component naar het knooppunt <rtePlugins-node>/keys . Maak de knooppunten als de knooppunten niet bestaan. Voor meer details, zie een elektrisch toestelactiveren.

Maak de eigenschap op het knooppunt keys :

• Naam tabSize
• Type String
• Waarde het aantal ruimtekarakters dat voor de tabulator moet worden gebruikt.

Sla de wijzigingen op.

Navigeer binnen uw component naar het knooppunt <rtePlugins-node>/lists . Maak deze knooppunten als deze niet bestaan. Voor meer details, zie een elektrisch toestelactiveren.

Maak op het knooppunt lists de parameter identSize :

• Naam: identSize
• Type: Long
• Waarde: aantal pixel die voor de paragraafmarge worden vereist.

Maak in het knooppunt ../items/text in de dialoogdefinitie voor de component een eigenschap:

• Naam height
• Type Long
• Waarde de hoogte van geeft canvas in pixel uit.

Sla de wijzigingen op.

Zoek met CRXDE Lite de tekstcomponent voor uw project.

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

• Naam htmlRules
• Type nt:unstructured

Maak onder htmlRules een knooppunt.

• Naam links
• Type nt:unstructured

Definieer onder het knooppunt links de vereiste eigenschappen:

• CSS-stijl voor interne koppelingen:

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

• CSS-stijl voor externe koppelingen

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

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

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

• defaultProtocol (bezit van type Koord): Protocol dat moet worden gebruikt als de gebruiker niet uitdrukkelijk één specificeerde.

  • 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

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

      • manual: niet van toepassing in deze context

      • blank: niet van toepassing in deze context

  • Het doel voor interne koppelingen:

    • Naam targetInternal
    • Type String
    • Waarde het doel voor interne verbindingen (slechts gebruik wanneer de wijze auto is)

  • Het doel voor externe koppelingen:

    • Naam targetExternal
    • Type String
    • Waarde het doel voor externe verbindingen (slechts gebruikt wanneer de wijze auto is).

Sla alle wijzigingen op.