SITECORE MANIA 技術ブログ

2019.07.23 管理機能

キム・ギョンウォン

キム・ギョンウォン

Rich Text EditorにCSS、パラグラフを追加する方法

Rich Text EditorにCSS、パラグラフを追加する方法をご紹介いたします。


Sitecore(サイトコア)のデフォルトエディタはオプションが制限されています。

エディタをカスタムすればデフォルト以外に必要なCSS、タグを使えますし、適用されたCSS、タグをエディタで確認したい場合はエディタカスタムが要ります。

                

CSS追加

①"http://{CMS URL}/sitecore/admin/showconfig.aspx"でWebStylesheetがdefault.cssに設定されているか確認

②WebStylesheetのcssファイルにカスタムCSSを追加

③“C:\inetpub\wwwroot\{Sitecore Instance Name}\Website\sitecore\shell\Controls\Rich Text Editor”のToolsFile.xmlに<classes>リストを追加

  

※<class>のnameはdefault.cssで定義したCSS名と同じくします。 

④結果

※キャッシュを消さないと反映されないです。

 

パラグラフ追加

①coreデータベースで/sitecore/system/Settings/Html Editor Profiles/{カスタム対象エディタ}/Paragraphs

②Paragraphsリストに「Html Editor List Item」を追加

③ヘッダーフィールドはRTEの表示名、値フィールドはRTEに出力されるタグになります。

 

④結果

  

 

参考情報

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

お問い合わせ・資料請求

LYZONにご相談下さい

ご依頼ご質問等まずは私達にお気軽にご相談下さい。

お電話でのお問い合わせ

03-5803-0587平日9:00~18:00