reverted: --- b/core/modules/help_topics/help_topics/ckeditor.configure.html.twig +++ /dev/null @@ -1,30 +0,0 @@ ---- -label: 'Configuring CKEditor' -related: -- ckeditor.overview -- editor.overview ---- -{% set layout_url = render_var(url('block.admin_display')) %} -

{% trans %}Goal{% endtrans %}

-

{% trans %}Configure the settings of a block that was previously placed in a region of a theme.{% endtrans %}

-

{% trans %}Steps{% endtrans %}

-
    -
  1. {% trans %}In the Manage administrative menu, navigate to Structure > Block layout.{% endtrans %}
  2. -
  3. {% trans %}Click the name of the theme that contains the block.{% endtrans %}
  4. -
  5. {% trans %}Optionally, click Demonstrate block regions to see the regions of the theme.{% endtrans %}
  6. -
  7. {% trans %}If you only want to change the region where a block is located, or the ordering of blocks within a region, drag blocks to their desired positions and click Save blocks.{% endtrans %}
  8. -
  9. {% trans %}If you want to change additional settings, find the region where the block you want to update is currently located, and click Configure in the line of the block description.{% endtrans %}
  10. -
  11. {% trans %}Edit the block's settings. The available settings vary depending on the module that provides the block, but for all blocks you can change:{% endtrans %} - -
  12. -
  13. {% trans %}Click Save block.{% endtrans %}
  14. -
-

{% trans %}Additional resources{% endtrans %}

- diff -u b/core/modules/help_topics/help_topics/ckeditor.overview.html.twig b/core/modules/help_topics/help_topics/ckeditor.overview.html.twig --- b/core/modules/help_topics/help_topics/ckeditor.overview.html.twig +++ b/core/modules/help_topics/help_topics/ckeditor.overview.html.twig @@ -2,18 +2,24 @@ label: 'Managing CKEditor' top_level: true --- -{% set formats = render_var(url('filter.admin_overview')) %} +{% set filters = render_var(url('filter.admin_overview')) %} +

{% trans %}Goal{% endtrans%}

+

{% trans %}Manage CKEditor for text formats on the site.{% endtrans%}

{% trans %}What is CKEditor?{% endtrans %}

{% trans %}The CKEditor module provides a highly-accessible, highly-usable visual text editor and adds a toolbar to text fields. Users can use buttons to format content and to create semantically correct and valid HTML. The CKEditor module uses the framework provided by the Text Editor module. It requires JavaScript to be enabled in the browser.{% endtrans %}

-

{% trans %}CKEditor only allows users to format content in accordance with the filter configuration of the specific text format. If a text format excludes certain HTML tags, the corresponding toolbar buttons are not displayed to users when they edit a text field in this format.{% endtrans %}

-

{% trans %}Toggling between formatted text and HTML source{% endtrans %}

-

{% trans %}If the Source button is available in the toolbar, users can click this button to disable the visual editor and edit the HTML source directly. After toggling back, the visual editor uses the allowed HTML tags to format the text — independent of whether buttons for these tags are available in the toolbar. If the text format is set to limit the use of HTML tags, then all excluded tags will be stripped out of the HTML source when the user toggles back to the text editor.{% endtrans %}

-

{% trans %}Checking my spelling as I type{% endtrans %}

-

{% trans %}By default, CKEditor is configured to leverage your browser's spell check capability. Make sure your browser's spell checker is enabled in your browser's settings. To access suggested corrections for misspelled words, it may be necessary to hold the Control or command (Mac) key while right-clicking the misspelling.{% endtrans %}

-

{% trans %}Managing Accessibility features{% endtrans %}

-

{% trans %}The built-in WYSIWYG editor (CKEditor) comes with a number of accessibility features. CKEditor comes with built-in keyboard shortcuts, which can be beneficial for both power users and keyboard-only users.{% endtrans %}

-

{% trans %}Generating accessible content{% endtrans %}

-

{% trans %}HTML tables can be created with both table headers as well as caption/summary elements. Alt text is required by default on images added through CKEditor (note that this can be overridden). Semantic HTML5 figure/figcaption are available to add captions to images.{% endtrans %}

+

{% trans %}CKEditor only allows users to format content in accordance with the text filters of the specific text format. If a text format excludes certain HTML tags, the corresponding toolbar buttons are not displayed to users when they edit a text field in this format.{% endtrans %}

+

{% trans %}Steps{% endtrans%}

+
    +
  1. {% trans %}In the Configuration administrative menu, navigate to Content Authoring > Text editors and formats. The Text Editor column on the page displays the configured text editor for each text format.{% endtrans%}
  2. +
  3. {% trans %}Click Configure next to the text format to configure, or click + Add text format button to create a new text format.{% endtrans%}
  4. +
  5. {% trans %}Complete or update the options of the configuration form.{% endtrans%}
  6. +
  7. {% trans %}Select CKEditor in the Text editor select list.{% endtrans%}
  8. +
  9. {% trans %}The Toolbar configuration section shows Available buttons and Active toolbar.{% endtrans%}
  10. +
  11. {% trans %}To make an available button active, drag the button from Available buttons and place it into Active toolbar in the desired location. When dragging a button, the Active toolbar shows available button groups.{% endtrans%}
  12. +
  13. {% trans %}Use the Add group button to add additional groups for buttons.{% endtrans%}
  14. +
  15. {% trans %}To remove a button, drag the button from Active toolbar and place it into Available buttons.{% endtrans%}
  16. +
  17. {% trans %}Any active buttons that have configurable settings, such as Image button, are configurable in the CKEditor plugin settings section that appears below the Toolbar configuration section.{% endtrans%}
  18. +

{% trans %}Additional resources{% endtrans %}