メインコンテンツまでスキップ

WYSIWYGエディタに入力されたソースが自動変換されないように出来ますか?

WYSIWYG項目に入力したソースの自動変換には、エディタ(CKEditor)による正規化と、サーバー処理によるサニタイズの2つがあります。CKEditorによる正規化はCKEditor側の仕様に起因するため、Kurocoのシステム側での調節が難しい箇所になっています。
ソースを入力したとおりに管理したい場合は、WYSIWYG項目ではなくHTML項目を利用してください。

自動変換が起きる理由​

CKEditorによる正規化​

WYSIWYGエディタ(CKEditor)は、入力されたHTMLを独自の形式で解釈し直して、HTMLを組み立て直します(正規化)。そのため、エディタが扱えない形式のHTMLは自動で変換される場合があります。

正規化の仕様は公開されていません。一部ですが、次のような動きがあります。

  • 中身が空の<span>タグが削除される
  • 中身が空の<p>タグに&nbsp;が挿入される
  • <table>が<figure class="table">で囲われる
  • <thead>/<tbody>に属さない<tr>が<tbody>で囲われる
  • <table>内の<caption>が、<figure>直下の<figcaption>に変換される

CKEditorによる正規化は、WYSIWYG項目の[全てのタグを許可する]を有効にしても防げません。

サーバー処理によるサニタイズ​

WYSIWYG項目の[入力制限]にある[全てのタグを許可する]が無効の場合は、保存時にサーバー側のサニタイズ処理により許可されていないタグ(<script>タグなど)が除去されます。[全てのタグを許可する]を有効にすると、このサニタイズ処理は行われません。

デフォルトで利用できるタグの一覧は、コンテンツ定義で利用できる項目設定一覧を参照してください。

ソースを入力したとおりに管理する方法​

HTML項目にはWYSIWYGエディタによる正規化がありません。ソースを入力したとおりに管理したい場合は、コンテンツ定義に新しくHTML項目を追加して利用してください。

Image from Gyazo

関連ドキュメント​


サポート

お探しのページは見つかりましたか?解決しない場合は、問い合わせフォームからお問い合わせいただくか、Slackコミュニティにご参加ください。