diff --git a/core/modules/ckeditor/help_topics/ckeditor.configuring.html.twig b/core/modules/ckeditor/help_topics/ckeditor.configuring.html.twig new file mode 100644 index 0000000..c4cb5ff --- /dev/null +++ b/core/modules/ckeditor/help_topics/ckeditor.configuring.html.twig @@ -0,0 +1,9 @@ + + +{% set formats = render_var(url('filter.admin_overview')) %} +{% set user_guide = render_var('https://www.drupal.org/docs/user_guide/en/structure-text-format-config.html') %} + +

{% trans %}Enabling CKEditor for individual text formats{% endtrans %}

+

{% trans %}CKEditor has to be enabled and configured separately for individual text formats from the Text formats and editors page because the filter settings for each text format can be different.{% endtrans %}

+

{% trans %}Configuring the toolbar{% endtrans %}

+

{% trans %}When CKEditor is chosen from the Text editor drop-down menu, its toolbar configuration is displayed. You can add and remove buttons from the Active toolbar by dragging and dropping them, and additional rows can be added to organize the buttons. For more information, see the User guide section on text formats and editors.{% endtrans %}

diff --git a/core/modules/ckeditor/help_topics/ckeditor.formatting_text.html.twig b/core/modules/ckeditor/help_topics/ckeditor.formatting_text.html.twig new file mode 100644 index 0000000..8586820 --- /dev/null +++ b/core/modules/ckeditor/help_topics/ckeditor.formatting_text.html.twig @@ -0,0 +1,18 @@ + + +{% set formats = render_var(url('filter.admin_overview')) %} +{% set user_guide = render_var('https://www.drupal.org/docs/user_guide/en/structure-text-format-config.html') %} +{% set ckeditor_ally = render_var('http://docs.ckeditor.com/#!/guide/dev_a11y') %} +{% set ckeditor_shortcuts = render_var('http://docs.ckeditor.com/#!/guide/dev_shortcuts') %} + +

{% trans %}Formatting content{% endtrans %}

+

{% trans %}CKEditor only allow 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 %}Check 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 %}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 %}For more information, see the User guide section on text formats and editors.{% endtrans %}

diff --git a/core/modules/ckeditor/help_topics/ckeditor.what_is.html.twig b/core/modules/ckeditor/help_topics/ckeditor.what_is.html.twig new file mode 100644 index 0000000..a7ca5fc --- /dev/null +++ b/core/modules/ckeditor/help_topics/ckeditor.what_is.html.twig @@ -0,0 +1,7 @@ + + +{% set user_guide = render_var('https://www.drupal.org/docs/user_guide/en/structure-text-formats.html') %} +{% set ckeditor = render_var('http://ckeditor.com') %} + +

{% trans %}CKEditor is a highly-accessible, highly-usable visual text editor that adds a toolbar to text fields. Users can use buttons to format content and to create semantically correct and valid HTML. It requires JavaScript to be enabled in the browser. For more information, see the User guide section on text formats and editors and the CKEditor website. + {% endtrans %}

diff --git a/core/modules/editor/help_topics/editor.configuring.html.twig b/core/modules/editor/help_topics/editor.configuring.html.twig new file mode 100644 index 0000000..6515785 --- /dev/null +++ b/core/modules/editor/help_topics/editor.configuring.html.twig @@ -0,0 +1,10 @@ + + +{% set formats = render_var(url('filter.admin_overview')) %} +{% set user_guide = render_var('https://www.drupal.org/docs/user_guide/en/structure-text-format-config.html') %} + +

{% trans %}Enabling an editor{% endtrans %}

+

{% trans %}On the Text formats and editors page you can see which text editor is associated with each text format. You can change this by clicking on the Configure link, and then choosing a text editor or none from the Text editor drop-down list. The text editor will then be displayed with any text field for which this text format is chosen.{% endtrans %}

+

{% trans %}Configuring an editor{% endtrans %}

+

{% trans %}Once a text editor is associated with a text format, you can configure it by clicking on the Configure link for this format. Depending on the specific text editor, you can configure it for example by adding buttons to its toolbar. Typically these buttons provide formatting or editing tools, and they often insert HTML tags into the field source.{% endtrans %}

+

{% trans %}For more information, see the User guide section on text formats and editors.{% endtrans %}

diff --git a/core/modules/help_topics/help_topics/core.formatting_text.html.twig b/core/modules/help_topics/help_topics/core.formatting_text.html.twig new file mode 100644 index 0000000..cc40486 --- /dev/null +++ b/core/modules/help_topics/help_topics/core.formatting_text.html.twig @@ -0,0 +1,5 @@ + + + +

{% trans %}In Drupal you can use a text editor (such as CKEditor) that provides toolbars and other functionality to format text more easily than typing HTML tags directly.{% endtrans %}

+

{% trans %}The topics listed here will help you formatting text in your website.{% endtrans %}