Word のコンテンツを Web サイトのエディターに直接コピーすることはお勧めしません。

Word のコンテンツを Web サイトのエディターに直接コピーすることはお勧めしません。
<br />質問: Word のコンテンツを Web サイトのエディターに直接コピーすることが推奨されないのはなぜですか?
回答: Word からコンテンツを直接コピーして Web サイトのエディターに貼り付けると、Word によって自動的に生成された大量の無駄なコードが生成され、コードの量とページのサイズが増加します。 1 つまたは 2 つの記事であれば問題ありませんが、数十または数百の記事になると、Web サイトのスペースとアクセスへの影響が大きくなります。さらに、Word からコピーされたコンテンツは、Web ページ上の Word の元の形式を必ずしも維持するとは限りません。私の提案は次のとおりです:
1. 記事コンテンツ ページ テンプレートで、表示コンテンツ制御タグ {$ArticleContent} が配置されているテーブルに、背景スタイル管理で記事コンテンツを表示するテキストのサイズを制御する CSS "main_tdbg_760" (デフォルトは class="main_tdbg_760" ですが、新しい CSS に再定義することもできます) を定義します。たとえば、次のようになります。
.main_tdbg_760 /* コンテンツテーブルの背景とテキストの色の定義 (760) */
{
padding: 5;line-height:normal;Word-break:break-all;font-size: 18pt;font-family:宋体;
}
つまり、記事コンテンツのインデント (padding)、行の高さ (line-height)、単語の区切り (word-break)、テキスト サイズ (font-size)、フォント (font-family) を定義します。
これにより、記事コンテンツ全体のデフォルトの表示形式を定義できます。
2. Word で記事のすべてのコンテンツを選択してコピーし、新しいメモ帳ドキュメントを作成して貼り付けます。次に、メモ帳ですべてのコンテンツを選択してコピーし、Web サイト エディターに貼り付けます。全体の操作は数秒以内に完了します。Word の内容を直接コピーすることと比較すると、Word 文書の内容を直接コピーすることによって生成される無駄なコードが大量に削除されるという利点があります。欠点は、タイトル フォントなどの個別のフォント形式がないことです。注意すべき点: Word 文書コンテンツ内の画像は、現時点ではエディターに直接コピーできません。ただし、Word 文書を HTML ファイルとして保存してこれらの画像を取得し、アップロードすることができます。
3. ウェブサイトエディタでタイトルのサイズを設定し、写真をアップロードし、記事のフォーマットを設定します。
質問:記事コンテンツに表示される行間隔は CSS から設定されていますか?どうやって設定するのですか?
回答:CSS コントロールを使用することをお勧めします。つまり、上記の説明の「line-height:normal;」は、「normal;」(デフォルトの行の高さ)に設定することをお勧めします。「line-height:150%;」や「line-height:24;」、「line-height:24px;」などの固定値を設定しないでください。固定値を設定すると、エディターで大きなフォントを設定したときに、行の高さが設定したサイズに固定され、行が重なり合うようになります。

<<:  Linux で開いているファイルが多すぎる問題を解決する方法

>>:  入力ファイルのカスタムボタンの美化(デモ)

推薦する

CSS で左上の三角形を作成するいくつかの方法の詳細な説明

今日は、CSS を使用して左上の三角形を記述するいくつかの方法を紹介します。概略図(幅と高さを60p...

デスクトップ仮想化を実現するために Hyper-V を展開する手順 (グラフィック チュートリアル)

Hyper-V を展開するためのハードウェア要件は次のとおりです。 64 ビット プロセッサ、具体...

mysql8でルートユーザーのパスワードをリセットする手順を完了します

序文最近、多くの新しい同僚がこの質問をしてきました。特に、homebrew を通じて自動的にインスト...

DIV+CSS命名規則の詳細な説明はSEO最適化に役立ちます

1. CSSファイルの命名規則提案: 文字、_、-、数字を使用します。文字で始まる必要があり、純粋な...

Linux のバックグラウンドで実行するいくつかの方法 (まとめ)

1. ノーフープハングアップ信号を無視してプログラムを実行する追加メモnohup コマンドは、ハン...

MySQL での一時テーブルの使用例

ここ2日間ちょっと忙しくて、公式アカウントも数日更新が止まってしまいました。その結果、何人かの読者か...

MySql 5.7.17 winx64 のインストールと設定に関する詳細なチュートリアル

1. ソフトウェアをダウンロードする1. MySQL の公式サイトにアクセスし、Oracle アカウ...

MySQL の基本: グループ化関数、集計関数、グループ化クエリの詳細な説明

目次1. 使い方が簡単2. DISTINCTを使用して重複を削除する3. COUNT()の詳細な紹介...

要素 el-table テーブルの二次カプセル化 (テーブルの高さの調整付き)

序文会社でのインターンシップ中、フロントエンド開発にはvue+element-uiフレームワークを使...

docker 環境でのデータベース バックアップ (postgresql、mysql) のサンプル コード

目次posgresql バックアップ/リストアMySQL バックアップ/復元posgresql バッ...

MySQL の一般的な日付比較および計算関数

MySql での時間比較の実装unix_timestamp() unix_timestamp 関数は...

Vue nextTickの原理の分析

目次イベントループmiscroTask (マイクロタスク) UI レンダリング (重要なポイント)次...

vue+px2rem(rem適応)を使用してPCで大画面適応を実装するためのサンプルコード

構成の序文プロジェクト構築: vue-cli3 をベースに構築、rem 適応には postcss-p...

Windows で負荷分散に Nginx+Tomcat を使用するための完全な手順

序文今日は、Prince が Windows で負荷分散に Nginx + Tomcat を使用する...

mysql ビュー関数の分析と使用例

この記事では、例を使用して MySQL ビューの機能と使用方法を説明します。ご参考までに、詳細は以下...