Help4.x

Tekstverwerkers

From Joomla! Documentation

This page is a translated version of the page Help4.x:Editors and the translation is 36% complete.
Outdated translations are marked like this.
Other languages:
Deutsch • ‎English • ‎Nederlands • ‎español • ‎français

TinyMCE

TinyMCE is de standaard tekstverwerker voor zowel de website als de beheer gebruikers. TinyMCE is een 'WYSIWYG' (wat u ziet is wat u krijgt) tekstverwerker die gebruikers een vertrouwde tekstverwerker interface geeft bij het bewerken van artikelen en andere inhoud.

TinyMCE kan ingesteld worden met drie verschillende sets werkbalkknoppen. Dit wordt ingesteld als optie in Pluginbeheer voor de 'Editor - TinyMCE' plugin.

Werkbalk

Eenvoudige voorafinstelling

De set 2 werkbalk biedt één rij knoppen zoals hieronder weergegeven.

The set is default assigned to the Public user group.

Help-4x-editor-tinymce-simple-en.png
  • Knoppen waarmee u tekst vet, onderstreept of doorgehaald kunt maken.
  • Ongedaan maken en Opnieuw uitvoeren.
  • Ongeordende lijst, geordende lijst.
  • Paste as Text: Often when copying and pasting text from other sources, such as PDF files, Text documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the 'Paste as Text' will strip out all formatting from the text.

Gemiddelde voorafinstelling

The toolbar set 1 provides two rows of buttons as shown below.

The set is default assigned to the Manager and Registered user group.

Help-4x-editor-tinymce-advanced-nl.png

This option provides all of the same buttons as documented in the Set 2 Toolbar above. In addition, the following options are available.

Eerste deel

  • CMS Content: The Dropdown list provides access to link to an Article, Contact, Field, Media, Menu, or Module.

    Article: The example show how to easily create a link to any article on the current site.

    Help-4x-article-quick-link-button-nl.png

    Om een koppeling te maken naar het gewenste artikel:

    • Plaats de cursor op de plaats in het artikel waar u wilt dat de titel van het gekoppelde artikel moet worden geplaatst.
    • Klik op de Artikel knop om het modale scherm te openen.
    • Klik in het modale scherm op de titel om het gewenste artikel te selecteren. U kunt het filter en zoekknop gebruiken om het gewenste artikel te vinden.
    • Een link met de titel van het artikel zal ingevoegd worden op de huidige positie van de cursor.
    • Indien gewenst kan de tekst van de link aangepast worden.

    In the same way you can link other items like Media, Modules, and so on.

    Page Break: This button allows you to insert a pagebreak inside an article. A pagebreak allows for page navigation when the article is displayed on a layout. This is useful for long articles. When this button is pressed, a window is displayed as shown below:

    Help-4x-editor-pagebreak-button-nl.png
    • Paginatitel. Voer de titel die getoond moet worden op de nieuwe pagina (bijvoorbeeld, 'Pagina 2').
    • Inhoudsopgave alias. Optioneel veld dat wordt getoond in de inhoudsopgave voor deze pagina. In een artikel met meerdere pagina's toont Joomla een 'inhoudsopgave' voor de pagina die de mogelijkheid biedt iedere pagina te selecteren. Als dit veld leeg is zal de paginatitel gebruikt worden. Als u een andere titel in de inhoudsopgave wilt, vul hem dan hier in.
    • Nieuwe pagina invoegen. Klik op deze knop om de Nieuwe pagina in te voegen met de opgegeven velden. De nieuwe pagina wordt getoond als een grijze gestippelde lijn over het artikel. Let op dat een nieuw pagina niet bewerkt kan worden. Indien u een veld in de nieuwe pagina wilt bewerken klik dan in het artikel net achter de nieuwe pagina, druk op de Backspace knop totdat de nieuwe pagina verwijderd is. Voeg hierna een nieuwe pagina in met de gewenste informatie.
    • The configuration is set in the Content - Page Break plugin.

    Read More: This button inserts a Read more break in the article. This shows as a red dotted line across the article.

    • If an article has a Read more break, only the text before the break, called the Intro Text, will initially display, along with a Read more link. If the User clicks this link, either the entire article or just the part after the Read more link is displayed. This depends on the setting of the Intro Text parameters for the article.
    • The Read more break allows you to save space on pages by just showing the Intro Text.
    • If you want to insert breaks for an article shown in an Article Layout, use the Page Break button.

    The buttons in the CMS content dropdown list can be disabled in Plugins - editors-xtd.

  • Buttons in the upper left allow you to make text: italic. Next to that are buttons for align left, right, center, and full.
  • Formaat: Selecteer voorgedefinieerde formaten voor paragraaf, adres, hoofdstuk1, enzovoort.
  • Outdent (move left) and Indent (indent right).
  • 3 dots: Show second Toolbar row.

Tweede deel

  • Invoegen/bewerken link: Om een link in te voegen of bewerken, selecteer de link-tekst en druk op deze knop. Een popup venster verschijnt waarin u de details van de link kunt opgeven.
  • Link verwijderen: Selecteer, om een link te verwijderen, de tekst en druk op deze knop.
  • Invoegen/bewerken link. Een anker is een bladwijzer binnen een artikel die u direct naar dat punt binnen het artikel linkt. Beweeg, om een anker in te voegen, de cursor naar de gewenste locatie binnen het artikel en klik op deze knop. Er wordt een scherm getoond. Voer de naam in van het anker en druk op Ok. Er wordt een klien anker-icoon getoond op de plaats van het anker. U kunt de naam van het anker bewerken door erop te klikken en op deze knop te drukken. U kunt het anker verwijderen door het te selecteren en op de verwijder-knop te drukken. Learn more.
  • Bewerk broncode: Een popup verschijnt met de HTML broncode, waardoor u de HTML broncode kunt bewerken.
  • Insert a horizontal line: To insert a horizontal line, move the cursor to the desired location within the article and click this button.
  • Tabel: Invoegen nieuwe tabel, tabelrij eigenschappen, tabelcel eigenschappen, voeg rij in voor, voeg rij in na, verwijder rij, kolom invoegen voor, kolom invoegen na, verwijder kolom, splits samengevoegde cellen, tabelcellen samenvoegen.
  • Subscript, superscript, voeg speciale tekens in.
  • Voorbeeld tekst in popup.

Geavanceerde voorafinstelling

The toolbar set 0 provides the most extensive editing options, as shown below.

The set is default assigned to the Administrator, Editor, and Super Users user group.

Help-4x-editor-tinymce-extended-nl.png

This option provides all of the same buttons as documented in the Set 1 Toolbar above. In addition, the following options are available.

Eerste deel

  • Blocks: Paragraph, Headings, Preformatted.
  • Fonts: Select the desired font.
  • Font Size: Select the desired font size.
  • Find and Replace.
  • Insert/edit image: To insert a image, place the cursor at the desired location and press this button. A popup dialog will display that allows you to enter the Source, Width or Height and other information about the image.

Tweede deel

  • Select Text color or Background color.
  • Fullscreen.
  • Emoticons.
  • Insert media: To insert media, place the cursor at the desired location and press this button. A popup dialog will display that allows you to enter the Type, File or URL, and other information about the media.
  • Direction Left to Right or Direction Right to Left: These buttons allow you to enter or change the text direction, for example for languages that read right to left.
  • Cut, Copy, Paste.
  • Show invisible characters (like paragraph endings).
  • Show blocks.
  • Nonbreaking space.
  • Blockquote.
  • Insert Template.

Derde deel

  • Print the article text.
  • Insert/edit code sample.
  • Insert date/time.
  • Clear formatting.

Accessibility

TinyMCE is compatible with screen readers such as JAWS and NVDA. You can use it effectively even if you don't use the mouse.

Keyboard shortcuts
Task PC macOS
Focus/jump to menu bar Alt+F9 ⌥+F9
Focus/jump to toolbar Alt+F10 ⌥+F10
Focus/jump to element path Alt+F11 ⌥+F11
Close menu/submenu/dialog Esc esc
Return to the editor content area Esc esc
Navigate left/right through menu/toolbar Tab and the Arrow Keys Tab and the Arrow Keys

See for more information:

CodeMirror

De CodeMirror editor is ontworpen om HTML-code in een artikel of een beschrijving gemakkelijk te kunnen invoeren CodeMirror ondersteunt syntax highlighting en auto-voltooiing, zoals in dit screenshot.

Help-4x-screenshot-editor-codemirror-example-nl.png
  • Buttons shown below the edit window provides for access to link to any item of the site. Learn more.
  • CodeMirror biedt een aantal van dezelfde voordelen van het gebruik van Niet-Editor, maar het maakt het wel wat makkelijker om te werken met HTML code.
  • The configuration is set in the Editor - CodeMirror plugin.

Geen tekstverwerker

Indien 'Geen tekstverwerker' is geselecteerd voor een gebruiker, wordt er een eenvoudige tekstverwerker weergegeven. Hiermee kan ruwe, niet geformatteerde HTML ingevoerd worden. Gebruik de werkbalkknop 'Voorbeeld' om te zien hoe de HTML wordt weergegeven.

De 'Geen tekstverwerker' optie kan handig zijn wanneer er in 'boilerplate' of aangepaste HTML inhoud ingevoerd wordt, bijvoorbeeld om een PayPal link in te voegen. In TinyMCE wordt de HTML opnieuw geformatteerd of gedeeltelijk weggehaald tijdens het opslaan. Met als gevolg dat complexe HTML niet meer correct werkt.

Wanneer dit gebeurt kan de tekstverwerker tijdelijk gewijzigd worden naar 'Geen tekstverwerker' om de gewenste inhoud te maken. Let er daarbij wel op dat wanneer u de inhoud later opnieuw wilt bewerken wederom de tekstverwerker naar 'Geen tekstverwerker' veranderd moet worden. Anders gaat de aangepaste HTML verloren wanneer de inhoud geopend en opgeslagen wordt met TinyMCE.

The 'Editor - None' plugin has no configuration.