web-dev-qa-db-ja.com

CKeditorでH1見出しを無効にする方法は?

何人かの著者に、より良いSEO体験を提供したいと思います。 Drupal 8)の組み込みCKeditorで見出し1を無効にするにはどうすればよいですか?

5
Josh

1)/ admin/config/content/formatsでサイトで使用しているエディターを確認します

2)各エディターについて、許可されたタグを更新する必要があります。この例の完全なHTML形式を編集して、「完全なHTML」の「構成」ボタンをクリックします(/ admin/config/content/formats/manage/full_html)。

3)[有効なフィルター]で、[許可されたHTMLタグを制限し、問題のあるHTMLを修正する]チェックボックスをオンにします。フィルター設定フォームが下に表示されます。 「許可されたHTMLタグ」というラベルの付いたフィールドからh1タグを削除します。

allowed html tags

4)保存

ドロップダウンから削除されたことをテストします。

no h1

9
oknate
/**
 * Implements hook_editor_js_settings_alter().
 */
function YOURMODULE_editor_js_settings_alter(array &$settings) {

    // Set default CKEditor format tags
    $settings['editor']['formats']['html']['editorSettings']['format_tags'] = "p;h2;h3;h4;h5;h6";
}
3
Raphael A.

そのためのカスタムプラグインを作成できます。

<?php

namespace Drupal\custom_module\Plugin\CKEditorPlugin;

use Drupal\editor\Entity\Editor;
use Drupal\ckeditor\Plugin\CKEditorPlugin\Internal as InternalCore;


/**
 * Defines the "internal" plugin (i.e. core plugins part of our CKEditor build).
 *
 * @CKEditorPlugin(
 *   id = "internal",
 *   label = @Translation("CKEditor core")
 * )
 */
class Internal extends InternalCore {

  /**
   * {@inheritdoc}
   */
  public function getConfig(Editor $editor) {
    $config = parent::getConfig($editor);
    $config['format_tags'] = 'p;h2;h3;h4;h5;h6;pre';
    return $config;
  }

}

そして

/**
 * Modify the list of available CKEditor plugins.
 *
 * This hook may be used to modify plugin properties after they have been
 * specified by other modules.
 *
 * @param $plugins
 *   An array of all the existing plugin definitions, passed by reference.
 *
 * @see CKEditorPluginManager
 */
function custom_module_ckeditor_plugin_info_alter(array &$plugins) {
  $plugins['internal']['class'] = 'Drupal\custom_module\Plugin\CKEditorPlugin\Internal';
}
2
keopx

http://www.drupalthemer.org/blog/drupal-8-how-to-ckeditor-custom-styles から:

不要なボタンを無効にする

/ admin/config/content/formats/manage/text format nameにアクセスします。

[ツールバーの構成]で、ツールバーボタンを無効にするには、[アクティブツールバー]の場所から[使用可能なボタン]までドラッグします。削除するボタンごとにこのプロセスを繰り返します。ボタンを再度有効にするには、逆の操作を行って、「アクティブツールバー」にドラッグします。 *ボタンは「グループ」(かすかな点線のボーダーで示される領域)に割り当てる必要があります。

1
webmaniac