web-dev-qa-db-ja.com

CKEditorのフォントオプションの変更

CKEditorの[フォント]ドロップダウンリストに表示されるオプションを変更して、役に立たないようにいくつかの方法を試しました。

まず、構成> CKEditor>プロファイル>各プロファイルを編集>詳細オプション>カスタムJavaScript構成に移動し、以下の手順に従って、

config.font_names = "Helvetica Neue;Helvetica;Arial;sans-serif;"

しかし、何も変わっていません。私は、sites\all\modules\ckeditor\ckeditor \にあるconfig.jsファイルに移動し、関数呼び出し内に次の行を追加しました。

config.font_names = "Helvetica/Helvetica Neue, Hevletica, Arial, sans-serif;"

しかし、何も変わっていません。次に、Drupalの[構成]メニューで前の行を削除してみましたが、それも役に立ちませんでした。ブラウザのキャッシュとDrupalのキャッシュをクリアしましたが、うまくいきません。 FirefoxとChromeを試しましたが、うまくいきません。

何か不足していますか、それともバグですか？最後の手段として、私は直接ckeditor\ckeditor_source\plugins\font\plugin.jsに移動してそこにリストされているfont_namesを変更することができますが、私が読んだドキュメントでは上記の方法が機能するはずなので、それを回避しようとしています。

wysiwygtheming
1
phette23

上記のコードを使用してみましたが、機能しませんでした。次に、基本に戻り、CKEditorのWebサイトから 公式ドキュメント を確認したので、次のようなものを追加しました。

config.font_names =
    'Helvetica, Arial, sans-serif;' +
    'Times New Roman/Times New Roman, Times, serif;' +
    'Verdana';

そしてそれは完全に働いた。

重要な注意事項：ファイルに移動してカスタムコードを追加する必要はありません。実際、それを行うことはお勧めしません。あなたがすべきことは、管理エリア（admin/config/content/ckeditor）のCKEditorの設定オプションに行き、このオプションを追加したいプロファイルの「編集」ボタンを押して、上からコードを追加することです[詳細オプション]-> [カスタムJavaScript設定]にあります。

編集を保存すると、準備完了です。

PS：キャッシュをクリアする必要すらありませんでした。効果は即座に見えました。

1
F1234k

解決策：これを理解するのにかなり時間がかかりました。 Verdanaをデフォルトのフォントとして使用するとします。これがあなたができることです：

  1. Contents.cssを開き、フォントタグを変更します。

    font-family：Verdana;

  2. 出力が公開されるアプリケーション/ページで、次のスタイルを追加します。

    .entry-content {font-family：Tahoma;}

それでおしまい！これで、デフォルトのフォントが正常に変更されました。これはフォントサイズでも機能します。 CKEditorを利用したこのquestion2answerサイト http://banatbanat.com の開発を終えたばかりで、この小さな問題が原因で2日間起きていました。

2
Pachelbel