Extensions Plugin Manager Edit Editor Group: Difference between revisions
From Joomla! Documentation
New chunk |
Marked this version for translation |
||
Line 1: | Line 1: | ||
<noinclude><languages /></noinclude> | <noinclude><languages /></noinclude> | ||
<translate> | <translate> | ||
==Editor Group== | ==Editor Group== <!--T:1--> | ||
</translate> | </translate> | ||
<translate> | <translate> | ||
===Editor - CodeMirror=== </translate> | ===Editor - CodeMirror=== <!--T:2--> </translate> | ||
<translate> | <translate> | ||
<!--T:3--> | |||
This plugin loads the CodeMirror editor. CodeMirror is a code editor which provides an editor more suited for source code. It provides code syntax highlighting for many programming languages. It can show you mismatched tags and also helps you maintain consistent indenting of your code. It has the following options:</translate> | This plugin loads the CodeMirror editor. CodeMirror is a code editor which provides an editor more suited for source code. It provides code syntax highlighting for many programming languages. It can show you mismatched tags and also helps you maintain consistent indenting of your code. It has the following options:</translate> | ||
[[Image:Help-4x-Extensions-Plugin-Manager-Edit-codemirror-options-screen-<translate> | [[Image:Help-4x-Extensions-Plugin-Manager-Edit-codemirror-options-screen-<translate> | ||
<!--T:4--> | |||
en</translate>.png]] | en</translate>.png]] | ||
<translate> | <translate> | ||
<!--T:5--> | |||
* '''List numbers.''' Display line numbers in the editor.</translate> | * '''List numbers.''' Display line numbers in the editor.</translate> | ||
<translate> | <translate> | ||
<!--T:6--> | |||
* '''Code Folding.''' Allow blocks of code to be folded.</translate> | * '''Code Folding.''' Allow blocks of code to be folded.</translate> | ||
<translate> | <translate> | ||
<!--T:7--> | |||
* '''Gutters.''' Code Marker and Code Folding.</translate> | * '''Gutters.''' Code Marker and Code Folding.</translate> | ||
<translate> | <translate> | ||
<!--T:8--> | |||
* '''Highlight Active Line.''' Adds a highlight to the line the cursor is on.</translate> | * '''Highlight Active Line.''' Adds a highlight to the line the cursor is on.</translate> | ||
<translate> | <translate> | ||
<!--T:9--> | |||
* '''Highlight Selection Matches.''' Highlight instances of the selected word throughout the document.</translate> | * '''Highlight Selection Matches.''' Highlight instances of the selected word throughout the document.</translate> | ||
<translate> | <translate> | ||
<!--T:10--> | |||
* '''Match Tags.''' Highlight matching tags.</translate> | * '''Match Tags.''' Highlight matching tags.</translate> | ||
<translate> | <translate> | ||
<!--T:11--> | |||
* '''Match Brackets.''' Highlight matching brackets.</translate> | * '''Match Brackets.''' Highlight matching brackets.</translate> | ||
<translate> | <translate> | ||
<!--T:12--> | |||
* '''Tag Completion.''' Automatic tag completion.</translate> | * '''Tag Completion.''' Automatic tag completion.</translate> | ||
<translate> | <translate> | ||
<!--T:13--> | |||
* '''Bracket Completion.''' Automatic bracket completion.</translate> | * '''Bracket Completion.''' Automatic bracket completion.</translate> | ||
<translate> | <translate> | ||
<!--T:14--> | |||
* '''Key Map.''' Make CodeMirror work like other populair editors.</translate> | * '''Key Map.''' Make CodeMirror work like other populair editors.</translate> | ||
<translate> | <translate> | ||
<!--T:15--> | |||
* '''Toggle Fullscreen .''' ASelect the functon key to use to toggle fullscreen mode.</translate> | * '''Toggle Fullscreen .''' ASelect the functon key to use to toggle fullscreen mode.</translate> | ||
<translate> | <translate> | ||
<!--T:16--> | |||
* '''Use Modifiers .''' Slect any modifier keys to use with the fullscreen toggle key.</translate> | * '''Use Modifiers .''' Slect any modifier keys to use with the fullscreen toggle key.</translate> | ||
[[Image:Help-4x-Extensions-Plugin-Manager-Edit-codemirror-Appearance-options-screen-<translate> | [[Image:Help-4x-Extensions-Plugin-Manager-Edit-codemirror-Appearance-options-screen-<translate> | ||
<!--T:17--> | |||
en</translate>.png]] | en</translate>.png]] | ||
<translate> | <translate> | ||
<!--T:18--> | |||
* '''Theme.''' Sets the colours for the editor.</translate> | * '''Theme.''' Sets the colours for the editor.</translate> | ||
<translate> | <translate> | ||
<!--T:19--> | |||
* '''Active Line Colour.''' The colour to use for highlighting the active line. Will be displayed at 50% opacity.</translate> | * '''Active Line Colour.''' The colour to use for highlighting the active line. Will be displayed at 50% opacity.</translate> | ||
<translate> | <translate> | ||
<!--T:20--> | |||
* '''Matching Tag Colour.''' The background colour to use for highlighting matching tags. Will be displayed at 50% opacity.</translate> | * '''Matching Tag Colour.''' The background colour to use for highlighting matching tags. Will be displayed at 50% opacity.</translate> | ||
<translate> | <translate> | ||
<!--T:21--> | |||
* '''Font.''' The font to use in the editor. If not installed, will be loaded from https://www.google.com/fonts/.</translate> | * '''Font.''' The font to use in the editor. If not installed, will be loaded from https://www.google.com/fonts/.</translate> | ||
<translate> | <translate> | ||
<!--T:22--> | |||
* '''Font Size (px) .''' The size of the font in the editor.</translate> | * '''Font Size (px) .''' The size of the font in the editor.</translate> | ||
<translate> | <translate> | ||
<!--T:23--> | |||
* '''Line Height (em) .''' The height of one line of text. This is in ems, meaning that 1.0 is equal to the font size and 2.0 is equal to 2x the font size.</translate> | * '''Line Height (em) .''' The height of one line of text. This is in ems, meaning that 1.0 is equal to the font size and 2.0 is equal to 2x the font size.</translate> | ||
<translate> | <translate> | ||
<!--T:24--> | |||
* '''Scrollbar Style .''' Select the scrollbar style you'd like CodeMirror to use.</translate> | * '''Scrollbar Style .''' Select the scrollbar style you'd like CodeMirror to use.</translate> | ||
<translate> | <translate> | ||
<!--T:25--> | |||
* '''Preview .''' An example of what your CodeMirror editor fields will look like with the current settings (save to update).</translate> | * '''Preview .''' An example of what your CodeMirror editor fields will look like with the current settings (save to update).</translate> | ||
<translate> | <translate> | ||
===Editor - None=== </translate> | ===Editor - None=== <!--T:26--> </translate> | ||
<translate> | <translate> | ||
<!--T:27--> | |||
This plugin loads a basic text editor. This option can be used when you are pasting HTML code from another source and you don't want the HTML to be altered by a WYSIWYG editor. This plugin has no options.</translate> | This plugin loads a basic text editor. This option can be used when you are pasting HTML code from another source and you don't want the HTML to be altered by a WYSIWYG editor. This plugin has no options.</translate> | ||
<translate> | <translate> | ||
===Editor - TinyMCE=== </translate> | ===Editor - TinyMCE=== <!--T:28--> </translate> | ||
<translate> | <translate> | ||
<!--T:29--> | |||
This plugin loads the TinyMCE editor. This is the default editor in Joomla!.</translate> | This plugin loads the TinyMCE editor. This is the default editor in Joomla!.</translate> | ||
<translate> | <translate> | ||
<!--T:30--> | |||
This plugin has the following options:</translate> | This plugin has the following options:</translate> | ||
[[Image:Help-4x-Extensions-Plugin-Manager-Edit-tinymce-sets-options-subscreen-<translate> | [[Image:Help-4x-Extensions-Plugin-Manager-Edit-tinymce-sets-options-subscreen-<translate> | ||
<!--T:31--> | |||
en</translate>.png]] | en</translate>.png]] | ||
<translate> | <translate> | ||
<!--T:32--> | |||
*'''Set selection tab.''' Select "Set 2", "Set 1" or "Set 0" functionality. With "Set 2" selected, you see the editor for "Public" use. "Set 1" selected, is default for Managers and Registered, "Set 0" selected, is default for Administrators, Editors and Super Users.</translate> | *'''Set selection tab.''' Select "Set 2", "Set 1" or "Set 0" functionality. With "Set 2" selected, you see the editor for "Public" use. "Set 1" selected, is default for Managers and Registered, "Set 0" selected, is default for Administrators, Editors and Super Users.</translate> | ||
[[Image:Help-4x-Extensions-Plugin-Manager-Edit-tinymce-basic-options-subscreen-<translate> | [[Image:Help-4x-Extensions-Plugin-Manager-Edit-tinymce-basic-options-subscreen-<translate> | ||
<!--T:33--> | |||
en</translate>.png]] | en</translate>.png]] | ||
<translate> | <translate> | ||
<!--T:34--> | |||
*'''Site Skin.''' Choose the skin which will be applied to the TinyMCE editor when displayed in your website.</translate> | *'''Site Skin.''' Choose the skin which will be applied to the TinyMCE editor when displayed in your website.</translate> | ||
<translate> | <translate> | ||
<!--T:35--> | |||
*'''Administrator Skin.''' Choose the skin which will be applied to the TinyMCE editor when displayed in your Administrator Backend.</translate> | *'''Administrator Skin.''' Choose the skin which will be applied to the TinyMCE editor when displayed in your Administrator Backend.</translate> | ||
<translate> | <translate> | ||
<!--T:36--> | |||
*'''Mobile Mode.''' Whether or not to put any mobiile device into the simple functionality with enlarged buttons for easy access.</translate> | *'''Mobile Mode.''' Whether or not to put any mobiile device into the simple functionality with enlarged buttons for easy access.</translate> | ||
<translate> | <translate> | ||
<!--T:37--> | |||
*'''Images Drag and Drop.''' Enable drag and drop for uploading images.</translate> | *'''Images Drag and Drop.''' Enable drag and drop for uploading images.</translate> | ||
<translate> | <translate> | ||
<!--T:38--> | |||
*'''Images Directory.''' The directory with the images files to be listed relative to the default images folder (set in Media > Options).</translate> | *'''Images Directory.''' The directory with the images files to be listed relative to the default images folder (set in Media > Options).</translate> | ||
<translate> | <translate> | ||
<!--T:39--> | |||
*'''Entity Encoding.''' Controls how HTML entities are encoded. Recommended setting is 'raw'. 'named' = used named entity encoding (for example, '<'). 'numeric' = use numeric HTML encoding (for example, '%03c'). raw = Do not encode HTML entities. Note that searching content may not work properly if setting is not 'raw'. </translate> | *'''Entity Encoding.''' Controls how HTML entities are encoded. Recommended setting is 'raw'. 'named' = used named entity encoding (for example, '<'). 'numeric' = use numeric HTML encoding (for example, '%03c'). raw = Do not encode HTML entities. Note that searching content may not work properly if setting is not 'raw'. </translate> | ||
<translate> | <translate> | ||
<!--T:40--> | |||
*'''Automatic Language Selection.''' If Yes, editor language will automatically match selected UI language. If the tiny language does not exist, the editor language will default to English.</translate> | *'''Automatic Language Selection.''' If Yes, editor language will automatically match selected UI language. If the tiny language does not exist, the editor language will default to English.</translate> | ||
<translate> | <translate> | ||
<!--T:41--> | |||
*'''Text Direction.''' Whether the language reads "Left to Right" or "Right to Left" (for example, like Arabic). Default is "Left to Right".</translate> | *'''Text Direction.''' Whether the language reads "Left to Right" or "Right to Left" (for example, like Arabic). Default is "Left to Right".</translate> | ||
<translate> | <translate> | ||
<!--T:42--> | |||
*'''Template CSS Classes.''' Whether or not to load the "editor.css" file. If no such file is found for the default template, the "editor.css" file from the system template is used. Default is "Yes".</translate> | *'''Template CSS Classes.''' Whether or not to load the "editor.css" file. If no such file is found for the default template, the "editor.css" file from the system template is used. Default is "Yes".</translate> | ||
<translate> | <translate> | ||
<!--T:43--> | |||
*'''Custom CSS Classes.''' Optional full URL path to a custom CSS file. If entered, this overrides the Template CSS classes setting.</translate> | *'''Custom CSS Classes.''' Optional full URL path to a custom CSS file. If entered, this overrides the Template CSS classes setting.</translate> | ||
<translate> | <translate> | ||
<!--T:44--> | |||
*'''URLs.''' Whether to use Relative or Absolute URLs for links. The default is "Relative".</translate> | *'''URLs.''' Whether to use Relative or Absolute URLs for links. The default is "Relative".</translate> | ||
<translate> | <translate> | ||
<!--T:45--> | |||
*'''New Lines.''' Whether to interpret new lines as "P Elements" or "BR Elements". Default is "P Elements".</translate> | *'''New Lines.''' Whether to interpret new lines as "P Elements" or "BR Elements". Default is "P Elements".</translate> | ||
<translate> | <translate> | ||
<!--T:46--> | |||
*'''Use Joomla Text Filter.''' If on, the text filter from the Joomla Global Configuration for every user group is applied. If off, the filters as defined here are used for all user groups.</translate> | *'''Use Joomla Text Filter.''' If on, the text filter from the Joomla Global Configuration for every user group is applied. If off, the filters as defined here are used for all user groups.</translate> | ||
<translate> | <translate> | ||
<!--T:47--> | |||
*'''Prohibited Elements.''' The elements that will be cleaned from the text. Default is "applet", which will remove applet elements from the text.</translate> | *'''Prohibited Elements.''' The elements that will be cleaned from the text. Default is "applet", which will remove applet elements from the text.</translate> | ||
<translate> | <translate> | ||
<!--T:48--> | |||
*'''Valid Elements.''' Defines which elements will stay in the edited text when the editor saves (the default rule set for this option is a mixture of the full HTML5 and HTML4 specification).</translate> | *'''Valid Elements.''' Defines which elements will stay in the edited text when the editor saves (the default rule set for this option is a mixture of the full HTML5 and HTML4 specification).</translate> | ||
<translate> | <translate> | ||
<!--T:49--> | |||
*'''Extended Valid Elements.''' Optional list of valid HTML elements to add to the existing rule set.</translate> | *'''Extended Valid Elements.''' Optional list of valid HTML elements to add to the existing rule set.</translate> | ||
<translate> | <translate> | ||
<!--T:50--> | |||
*'''Resizing.''' Enable/disable the resizing of the editor area (vertically and also horizontally if 'Horizontal Resizing' is enabled).</translate> | *'''Resizing.''' Enable/disable the resizing of the editor area (vertically and also horizontally if 'Horizontal Resizing' is enabled).</translate> | ||
<translate> | <translate> | ||
<!--T:51--> | |||
*'''Horizontal Resizing.''' Enable/disable the horizontal resizing.</translate> | *'''Horizontal Resizing.''' Enable/disable the horizontal resizing.</translate> | ||
<translate> | <translate> | ||
<!--T:52--> | |||
*'''Element Path.''' If set to ON, it displays the set classes for the marked text.</translate> | *'''Element Path.''' If set to ON, it displays the set classes for the marked text.</translate> | ||
<translate> | <translate> | ||
<!--T:53--> | |||
*'''Word Count.''' Turn on/off word count.</translate> | *'''Word Count.''' Turn on/off word count.</translate> | ||
<translate> | <translate> | ||
<!--T:54--> | |||
*'''Advanced Image.''' Turn on/off a more advanced image dialog box.</translate> | *'''Advanced Image.''' Turn on/off a more advanced image dialog box.</translate> | ||
<translate> | <translate> | ||
<!--T:55--> | |||
*'''Advanced List.''' Turn on/off the ability to set number formats and bullet types in ordered and unordered lists.</translate> | *'''Advanced List.''' Turn on/off the ability to set number formats and bullet types in ordered and unordered lists.</translate> | ||
<translate> | <translate> | ||
<!--T:56--> | |||
*'''Context Menu.''' Turn on/off the context menu.</translate> | *'''Context Menu.''' Turn on/off the context menu.</translate> | ||
<translate> | <translate> | ||
<!--T:57--> | |||
*'''Custom Plugin.''' Add custom TinyMCE plug-ins to the editor by specifying them here.</translate> | *'''Custom Plugin.''' Add custom TinyMCE plug-ins to the editor by specifying them here.</translate> | ||
<translate> | <translate> | ||
<!--T:58--> | |||
*'''Custom Button.''' Add custom TinyMCE buttons to the editor by specifying them here.</translate> | *'''Custom Button.''' Add custom TinyMCE buttons to the editor by specifying them here.</translate> | ||
<translate> | <translate> | ||
<!--T:59--> | |||
This plug-in has the following advanced options:</translate> | This plug-in has the following advanced options:</translate> | ||
[[Image:Help-4x-Extensions-Plugin-Manager-Edit-tinymce-advanced-options-subscreen-<translate> | [[Image:Help-4x-Extensions-Plugin-Manager-Edit-tinymce-advanced-options-subscreen-<translate> | ||
<!--T:60--> | |||
en</translate>.png]] | en</translate>.png]] | ||
[[<translate> | [[<translate> | ||
<!--T:61--> | |||
*'''Number of Sets.''' Number of sets that can be created. Minimum 3.</translate> | *'''Number of Sets.''' Number of sets that can be created. Minimum 3.</translate> | ||
<translate> | <translate> | ||
<!--T:62--> | |||
*'''HTML Height.''' The height, in pixels, of the HTML mode pop-up window.</translate> | *'''HTML Height.''' The height, in pixels, of the HTML mode pop-up window.</translate> | ||
<translate> | <translate> | ||
<!--T:63--> | |||
*'''HTML Width.''' The width, in pixels, of the HTML mode pop-up window.</translate> | *'''HTML Width.''' The width, in pixels, of the HTML mode pop-up window.</translate> |
Revision as of 12:12, 16 June 2020
Editor Group
Editor - CodeMirror
This plugin loads the CodeMirror editor. CodeMirror is a code editor which provides an editor more suited for source code. It provides code syntax highlighting for many programming languages. It can show you mismatched tags and also helps you maintain consistent indenting of your code. It has the following options:
- List numbers. Display line numbers in the editor.
- Code Folding. Allow blocks of code to be folded.
- Gutters. Code Marker and Code Folding.
- Highlight Active Line. Adds a highlight to the line the cursor is on.
- Highlight Selection Matches. Highlight instances of the selected word throughout the document.
- Match Tags. Highlight matching tags.
- Match Brackets. Highlight matching brackets.
- Tag Completion. Automatic tag completion.
- Bracket Completion. Automatic bracket completion.
- Key Map. Make CodeMirror work like other populair editors.
- Toggle Fullscreen . ASelect the functon key to use to toggle fullscreen mode.
- Use Modifiers . Slect any modifier keys to use with the fullscreen toggle key.
- Theme. Sets the colours for the editor.
- Active Line Colour. The colour to use for highlighting the active line. Will be displayed at 50% opacity.
- Matching Tag Colour. The background colour to use for highlighting matching tags. Will be displayed at 50% opacity.
- Font. The font to use in the editor. If not installed, will be loaded from https://www.google.com/fonts/.
- Font Size (px) . The size of the font in the editor.
- Line Height (em) . The height of one line of text. This is in ems, meaning that 1.0 is equal to the font size and 2.0 is equal to 2x the font size.
- Scrollbar Style . Select the scrollbar style you'd like CodeMirror to use.
- Preview . An example of what your CodeMirror editor fields will look like with the current settings (save to update).
Editor - None
This plugin loads a basic text editor. This option can be used when you are pasting HTML code from another source and you don't want the HTML to be altered by a WYSIWYG editor. This plugin has no options.
Editor - TinyMCE
This plugin loads the TinyMCE editor. This is the default editor in Joomla!.
This plugin has the following options:
- Set selection tab. Select "Set 2", "Set 1" or "Set 0" functionality. With "Set 2" selected, you see the editor for "Public" use. "Set 1" selected, is default for Managers and Registered, "Set 0" selected, is default for Administrators, Editors and Super Users.
File:Help-4x-Extensions-Plugin-Manager-Edit-tinymce-basic-options-subscreen-en.png
- Site Skin. Choose the skin which will be applied to the TinyMCE editor when displayed in your website.
- Administrator Skin. Choose the skin which will be applied to the TinyMCE editor when displayed in your Administrator Backend.
- Mobile Mode. Whether or not to put any mobiile device into the simple functionality with enlarged buttons for easy access.
- Images Drag and Drop. Enable drag and drop for uploading images.
- Images Directory. The directory with the images files to be listed relative to the default images folder (set in Media > Options).
- Entity Encoding. Controls how HTML entities are encoded. Recommended setting is 'raw'. 'named' = used named entity encoding (for example, '<'). 'numeric' = use numeric HTML encoding (for example, '%03c'). raw = Do not encode HTML entities. Note that searching content may not work properly if setting is not 'raw'.
- Automatic Language Selection. If Yes, editor language will automatically match selected UI language. If the tiny language does not exist, the editor language will default to English.
- Text Direction. Whether the language reads "Left to Right" or "Right to Left" (for example, like Arabic). Default is "Left to Right".
- Template CSS Classes. Whether or not to load the "editor.css" file. If no such file is found for the default template, the "editor.css" file from the system template is used. Default is "Yes".
- Custom CSS Classes. Optional full URL path to a custom CSS file. If entered, this overrides the Template CSS classes setting.
- URLs. Whether to use Relative or Absolute URLs for links. The default is "Relative".
- New Lines. Whether to interpret new lines as "P Elements" or "BR Elements". Default is "P Elements".
- Use Joomla Text Filter. If on, the text filter from the Joomla Global Configuration for every user group is applied. If off, the filters as defined here are used for all user groups.
- Prohibited Elements. The elements that will be cleaned from the text. Default is "applet", which will remove applet elements from the text.
- Valid Elements. Defines which elements will stay in the edited text when the editor saves (the default rule set for this option is a mixture of the full HTML5 and HTML4 specification).
- Extended Valid Elements. Optional list of valid HTML elements to add to the existing rule set.
- Resizing. Enable/disable the resizing of the editor area (vertically and also horizontally if 'Horizontal Resizing' is enabled).
- Horizontal Resizing. Enable/disable the horizontal resizing.
- Element Path. If set to ON, it displays the set classes for the marked text.
- Word Count. Turn on/off word count.
- Advanced Image. Turn on/off a more advanced image dialog box.
- Advanced List. Turn on/off the ability to set number formats and bullet types in ordered and unordered lists.
- Context Menu. Turn on/off the context menu.
- Custom Plugin. Add custom TinyMCE plug-ins to the editor by specifying them here.
- Custom Button. Add custom TinyMCE buttons to the editor by specifying them here.
This plug-in has the following advanced options:
[[*Number of Sets. Number of sets that can be created. Minimum 3.
- HTML Height. The height, in pixels, of the HTML mode pop-up window.
- HTML Width. The width, in pixels, of the HTML mode pop-up window.