SITECORE MANIA 開発者向け技術ブログ

管理機能

劉

SitecoreのRichTextEditorをカスタマイズする方法

Sitecore(サイトコア)のRichTextEditorを利用する際に、ツールバーにある機能が足りない、もしくは必要のない機能を消したいと思ったことはありますでしょうか。
本記事では、RichTextEditorのツールバーをカスタマイズする方法を紹介します。

1.アイテム変更

  • SitecoreのCoreデータベースに下記のパスでアイテムをアクセスします。
     /sitecore/system/Settings/Html Editor Profiles

    RichTextEditorアイテムの画像

  • 「Rich Text Full」フォルダーのコピーを同じ階層に作成し、フォルダーアイテムの名前を変更します。

    アイテムのコピーを作成する画像

  • 新規作成ッされたフォルダー配下の「ツールバー1・2・3」とその配下のボタンアイテムを編集します。(ツールバーアイテム・ボタンアイテムの添削や順番の変更が可能)

    編集されるアイテムの画像

2.Sitecore Config変更

  • 下記のサンプルコードのアイテムパスを修正し、Sitecore Configバッチファイルを作成します。
     
        <!--?xml version="1.0" encoding="utf-8"?-->
        <configuration xmlns:patch="http://www.sitecore.net/xmlconfig/" xmlns:role="http://www.sitecore.net/xmlconfig/role/" xmlns:security="http://www.sitecore.net/xmlconfig/security/">
            <sitecore role:require="Standalone or ContentManagement">
                <settings>
                    <setting name="HtmlEditor.DefaultProfile">
                        <patch:attribute name="value" value="/sitecore/system/Settings/Html Editor Profiles/{新規作成された設定アイテムのフォルダー名}"></patch:attribute>
                    </setting>
                </settings>
            </sitecore>
        </configuration>
    
  • 作成したSitecore Configファイルを「/App_Config/Include/」配下に配置します。

変更前

変更前のRichTextEditorの画像

変更後

変更後のRichTextEditorの画像



※エントリーの内容・画像等は、公開時点での情報に基づきます。
※Sitecoreのバージョンによって実装されている機能が異なります。

この記事を読んだ人はこちらの記事も読んでます

Sitecore導入に関するご相談・資料ダウンロード

導入をご検討・ご依頼の方や、サービスについてご不明点がございましたらお気軽にお問い合わせください。

Sitecoreの運用問題を解決する

既にSitecoreを導入しているお客様向けサービス