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 で開いているファイルが多すぎる問題を解決する方法

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

推薦する

Centos7.9 で独立したメール サーバーを構築するための詳細な手順

目次序文1. イントラネットDNS AレコードとMXレコードを構成する2. メールサーバの初期化設定...

MySQLでスケジュールされたタスクを設定する方法の分析

この記事では、例を使用して、MySQL でスケジュールされたタスクを設定する方法について説明します。...

Linuxカーネルスケジューラソースコード初期化の分析

目次1. はじめに2. スケジューラの基本概念2.1. 実行キュー (rq) 2.2 スケジューリン...

すべてまたは逆の選択機能を実現するJavaScript

この記事では、全選択または選択を反転する機能を実現するためのJavaScriptの具体的なコードを参...

ネイティブ JavaScript を使用した Web 計算機の実装

この記事では、参考までに、計算機のWebバージョンを実装するためのJavaScriptの具体的なコー...

MySQL ストアド プロシージャ (in、out、inout) の詳細な説明

1. はじめにバージョン 5.0 以降でサポートされています。特定の機能を実行するための SQL ス...

Tomcat ソースコード起動コンソールの中国語文字化けのデバッグプロセス記録

問題を見つける今日はTomcatのソースコードを勉強するつもりなので、公式サイトからTomcatのソ...

Linux のプロセスクラッシュの原因をコアダンプ技術を使用して追跡する簡単な分析

最近、プロジェクトで問題が発生しました。サーバー側のプログラムが突然クラッシュして終了しました。クラ...

画像の下部の空白部分の問題を解決する

最近のプロジェクトに取り組んでいるとき、下の図に示すように、画像を参照すると常に下部に空白スペースが...

Dockerコンテナの中国語言語パックの設定の問題を解決する

Dockerでdocker search centosを使用する場合docker pull dock...

docker mysqlの起動時に初期化SQLを実行する

1.Mysqlイメージを取得するdocker pull mysql:5.7 2. MySQLイメージ...

WeChatアプレットは記録機能を実装します

この記事では、WeChatアプレットのレコード機能を実装するための具体的なコードを参考までに紹介しま...

イメージのアップロードとダウンロードに docker をプロキシするためのプライベート ライブラリとして nexus を使用する

1. Nexusの設定1. Dockerプロキシを作成する外部ネットワーク ウェアハウスからローカル...

Vue は URL に基づいて非同一オリジンのファイルをどのようにダウンロードするのか

一般的に、URL に基づいてファイルをダウンロードする場合、次の 2 つの解決策があります。 1. ...

CSS フレックスレイアウトのリストの最後の行を左揃えにする N 通りの方法 (要約)

張新旭氏の記事を引用して皆さんにシェアしたいと思います。 変更を加えたい場合は、対応する画像によって...