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

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

推薦する

さまざまなSQL結合を簡単に学ぶ

SQL JOIN 句は、テーブル間の共通フィールドに基づいて 2 つ以上のテーブルの行を結合するため...

MySQLはデータベースのN+1クエリ問題を解決します

導入HibernateやMyBatisなどのORMフレームワークでは、部門に関連付けられたユーザーオ...

CSS で div にスクロールを追加し、スクロール バーを非表示にする

CSS は div にスクロールを追加し、スクロール バーを非表示にします。具体的なコードは次のとお...

Nginxドメイン名転送の実装

Nginx の紹介Nginx (「エンジン x」) は、ロシアのプログラマー Igor Sysoev...

Nginx 静的ファイル サービスの構成と最適化の詳細な説明

ルートディレクトリとインデックスファイルroot ディレクティブは、ファイルの検索に使用するルート ...

Webフロントエンドスキル概要(個人の実務経験)

1. 今日、ページを作っているときに、矢印を中央に配置する効果に遭遇しました。クリック領域を大きくし...

ウェブサイトのフロントエンドパフォーマンスの最適化: JavaScript と CSS

Yahoo チームが書いた、ウェブサイトのパフォーマンス最適化に関する記事を読みました。この記事は...

UbuntuのVimにNERDTreeプラグインをインストールする詳細な手順

NERDTree は Vim 用のファイル システム ブラウザーです。このプラグインを使用すると、ユ...

Vue 組み込みコンポーネントのキープアライブでの LRU アルゴリズムの使用

目次Vue の keep-alive 組み込みコンポーネントの使用でもこのアルゴリズムが使用されます...

MySQLテーブルの自動インクリメント列の初期値をリセットする方法

MySQLテーブルの自動インクリメント列の初期値をリセットする方法1. 問題の説明MySQL データ...

背景画像にテキストを表示するためのCSS

効果: <div class="imgs"> <!-- 背景画...

CentOS7 システムでスワップを増やす方法の例

序文スワップは、ディスク上にある「仮想メモリ」の一部である特殊なファイル (またはパーティション) ...

React-Native環境のセットアップと基本的な紹介

環境の準備1. 環境構築React Native 中国語ウェブサイト2. 開発ツール フロントエンド...

CentOS 8 に Postfix メール サーバーをインストールして設定する方法

Postfix は、Linux システム上で電子メールをルーティングまたは配信するために使用される無...

例を通してMySQLの更新がテーブルをロックするかどうかを判定する

2つのケース: 1. 索引あり 2. 索引なし前提条件:方法: コマンドラインを使用してシミュレート...