Googleドキュメント、Notion、Microsoft Wordなどのツールからコンテンツを貼り付けたり編集したりすると、新しい記事エディタの動作が異なる場合があります。不要なスタイルや編集できないHTMLまたはコードブロックが表示されることがあります。
この記事では、次のトピックについて説明します。
HTML問題が発生する理由
HTMLブロックの問題は、新旧の記事エディタでHTMLを処理するシステムが異なるために発生します。新しいエディタでは、よりクリーンで構造化されたHTMLが作成されるため、古い記事のカスタムHTMLを常にSupportできるわけではありません。
新しい編集者がSupportできないカスタムHTMLが記事に含まれている場合、そのコンテンツはHTMLブロックに入れられます。これにより、新しい編集者がコードを正しく読み取り、表示できるようになります。このブロックがないと、レイアウトやフォーマットに問題のある記事がエディタに表示される可能性があります。
この画像は、影響を受ける記事を新しいエディタで開くと表示されるものです。コンテンツはHTMLブロック内に残りますが、記事のプレビューと公開は引き続き可能です。
不要なスタイルなしで貼り付け
Googleドキュメント、Notion、Microsoft Wordなどのソースから不要なスタイルなしでコンテンツを貼り付けるには：
- ブラウザの「プレーンテキストとして貼り付け」機能を使用します。
- Microsoft Edgeで、エディタ内を右クリックし、「プレーンテキストとして貼り付け」を選択します。
- Google Chromeで、右クリックして「Paste and match style」を選択します。
- すでにスタイル付きのコンテンツを貼り付けている場合は、ツールバーから「ソースコード」を選択します。
- インラインスタイルを削除するには、「アクション> スタイルを削除」をクリックします。太字などの一部の基本スタイルは残っている場合があります。
- 必要なスタイルを再適用します。ツールバーを使用して、太字や斜体を適用したり、ヘッダーレベルを設定したり、箇条書きを追加したりできます。
- コンテンツを頻繁に移行する場合は、新しい記事エディタに移動する前にメモ帳などのプレーンテキストアプリに貼り付けて、すべてのスタイルを削除してください。
HTMLブロックの回避と編集
移行または貼り付けた後、一部のテーブルまたは書式設定されたブロックは、HTMLまたはコードブロックとしてのみ編集できます。これは、コンテンツにサポートされていないHTMLや非推奨の属性が含まれている場合に発生します。たとえば、<td>タグのheight属性などです。新しい記事エディタでは、以前のエディタよりも厳格なHTML Supportが適用され、一部のブロックがHTMLまたはコードブロックとして分離されます。
<zd-html-block>ラッパーを回避するには、次の手順に従います。
- Notionや同様のツールからコピーする前に、コンテンツにサポートされていないHTMLやコード要素が含まれていないことを確認してください
- プレーンテキストとして貼り付けて、自動分離をトリガするサポートされていないコードを回避
- 貼り付け後に新しい記事エディタのビルトインツールを使用して、必要に応じてスタイルを適用します
HTMLブロックをビジュアルエディタ用に変換するには：
- 新しい記事エディタでHTMLブロックをクリックします。
- サポートされていないマークアップを削除するには、「リンク解除」を選択します。エディターには、削除するマークアップが表示されます。
- 変更内容を確認して確認します。その後、ビジュアルエディタでブロックを編集できます。
書式設定されたテキストブロック内のテキストに太字などのスタイルを適用すると、そのブロックはHTMLやコードブロックに変換されます。「リンク解除」を使用してビジュアルエディタモードに戻ります。
HTMLブロック内のソースコードを編集する
HTMLがわかっていて、テキストの編集など、影響を受ける記事を微調整する必要がある場合は、HTMLブロックエディタを使用できます。
HTMLブロック内のコードを編集してコンテンツを変更し、保護されたHTMLブロックを記事内に保持することができます。このオプションを使ってHTMLブロックエディター内でコンテンツを編集して変更を適用すると、更新内容はこのHTMLブロックを含むすべての記事およびコンテンツブロックに反映され、保存されます。変更を反映させるために記事を再公開する必要はありません。
制限事項とベストプラクティス
- カスタムHTMLやJavaScriptを使用するアコーディオンやタブなどの複雑なフォーマットは、ビジュアルエディタでは完全にはサポートされていないため、HTMLモードやよりシンプルなコンテンツが必要になる場合があります
- サポートされているHTMLとスタイルのみを使用してください。非推奨の属性よりも、
style="height: 50px;"などのインラインスタイルが優先されます。 - 公開前に、貼り付けたコンテンツに不要なスタイルやHTMLブロックがないか毎回確認する
- エディターのプレビュー機能を使用して、記事がエンドユーザーにどのように表示されるかを確認します
問題が解決しない場合、またはリンク解除機能がない場合は、Zendeskカスタマーサポートにお問い合わせください。
詳細については、「新しい記事エディタへの移行」を参照してください。
翻訳に関する免責事項：この記事は、お客様の利便性のために自動翻訳ソフ トウェアによって翻訳されたものです。Zendeskでは、翻訳の正確さを期すために相応の努力を払っておりますが、翻訳の正確性につ いては保証いたしません。
翻訳された記事の内容の正確性に関して疑問が生じた場合は、正式版である英語の記事 を参照してください。