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 列のサンプルコード

1. 堂々巡りいろいろ試行錯誤した結果、均等割り付けレイアウトを実現する最も簡単な方法は CSS ...

WeChatミニプログラムでのマップの正しい使用例

目次序文1. 準備2. 実際の戦闘2.1 ミニプログラムの権限を設定する2.2 カプセル化ツールの機...

MySQL マスタースレーブレプリケーションと読み取り書き込み分離の詳細な説明

記事マインドマップマスター/スレーブ レプリケーションと読み取り/書き込み分離を使用する理由は何です...

CSS で中空効果を実装するサンプルコード

効果原理主にCSSグラデーションを使用して、切り取りを必要としない背景のくり抜きを実現します。クーポ...

vite2.x は ant-design-vue@next コンポーネントのオンデマンド読み込みを実装します。

1. 使用バージョンバイト:2.0 ant-design-vue: 2.0.0-rc.8ヴュー:3...

WeChat ミニプログラム 宝くじ番号ジェネレーター

この記事では、WeChatアプレットの宝くじ番号ジェネレータの具体的なコードを参考までに紹介します。...

CSS3を使用してボタンホバーフラッシュダイナミック特殊効果コードを実装する

CSS3 の列シリーズ属性を使用してウォーターフォールレイアウトを作成する方法を紹介しました。興味の...

MySQL の時間設定に関する考慮事項の詳細な要約

時間は本当に存在するのでしょうか?時間は人間が考え出した概念に過ぎず、物事の変化を測る基準に過ぎない...

MySQLのさまざまなオブジェクトのサイズと長さの制限について話しましょう

目次識別子の長さ制限権限テーブルの範囲フィールドの長さ制限データベースとテーブルの数の制限テーブルサ...

CSS 配置レイアウト (位置、配置レイアウト スキル)

1. ポジショニングとは何ですか? CSS の position 属性には、absolute/re...

CentOS に Redis と MySQL をインストールする

1|0MySQL(MariaDB) 1|11. 説明MariaDB データベース管理システムは My...

MySQL 起動エラー InnoDB: ロックできません/ibdata1 エラー

OS X 環境で MySQL を起動すると、エラー メッセージが表示されます。 016-03-03T...

Vueは、サイドナビゲーションバーをタブページに関連付けるサンプルコードを実装します。

目次テクノロジースタック効果分析するテクノロジースタックサイドバー用Antdtabは要素を使用します...

Docker の Windows ストレージ パス設定操作

Windows 10 に Docker をインストールする場合、コンテナタイプを Linux コンテ...

Vue.js での $emit の使用に関する詳細な説明

1. 親コンポーネントは props を使用して子コンポーネントにデータを渡すことができます。 2....