Microsoft-Wordで生成されたHTMLのスタイル付け

Question

Wordは、膨大で畳み込まれた、標準に準拠していない非セマンティックなHTMLで有名です。残念なことに、私は非常に厳格な基準への概要を生成するように私たちに要求している教授がいます。私は手書きではなく、クラスメートにとっても役立つものを作ることにしました。 MacでNeoOfficeの簡単な番号付きリストを使用してアウトラインを作成し、HTMLとしてエクスポートし、スタイルを設定するためにかなりのCSSを書きました。その後、Word for Windowsで注文リストを作成し、html形式でエクスポートし、互換性を確認するために私に送信する人がいます。ページの下をスクロールして、震えを抑えようとすると、問題が発生しました。 Wordは<ol>と<li>を使用しませんでした。それはwazooからのクラスでネストされた<span>の山を使用しました。すべての作業が無駄になるのは嫌ですが、このコンテンツは使えません。普遍的なスタイルシートではなく、ドキュメントごとにスタイルを設定する必要があります。

理想的には、標準的なタグを使用してHTMLを生成するので、他のリストと同様にスタイルを設定できますが、これは当てはまりません。どうすればではなく<ul>と<li>を実際に使用するリストを生成させることができますか、少なくとも私のコード内の何かを変更して、何らかの形で奇妙な方法でリストを作成しますか？

Answer 1

文書をHTMLに変換するアプローチは実用的ではないように思われます。 Wordは、異なるバージョンのWord間の違いはなく、単一のドキュメントのファイルの保存とHTML生成のアプローチが変わるだけです。ワイアットの提案と同様に、コードをクリーンアップする方法があるかもしれませんが、どれも完全ではありません。 APIを掘り起こすことで、これをより簡単に解析する方法が提供されるかもしれませんが、実際には複雑であることが分かります。単語をリスト生成ツールとして使用することは、単に非現実的であるようです。

Answer 2

Windows PCで手に入る場合は、Notepad ++（http://notepad-plus-plus.org/）を使用してコードを貼り付けてから、プラグインを選択してコードをフォーマットします。

Answer 3

リストジェネレータとしてWYSIWYGエディタを使用します。これは、ユーザーが未加工のCSSを処理する必要性を取り除き、Microsoft Wordの快適ゾーンから取り除くことを犠牲にしています。

Answer 4

Wordの検索と置換をクリエイティブに使用することもできます。たとえば、HTMLファイルをNotePadで開き、テキストをコピーしてWord文書に貼り付けます。検索と置換を開きます。 HTMLは、（例えば）このように見える場合は、「これはテキストの最初の行である」との最初の行項目されている：そして、見つけると\<p*line-height:115%'\ためにワイルドカードを交換し、何と交換し

<p class=MsoListParagraphCxSpFirst style='text-indent:-.25in;mso-list:l0 level1 lfo1'><![if !supportLists]><span...(Cut due to berevity)... 
-height:115%'>This is the first line of text<o:p></o:p></span></p> 

。一連の検索/置換が行われる場合があります。 HTMLマークアップは豊富ですが、それ以外のものはすべて同等です。少なくとも一貫しています。

Answer 5

ドリームウィーバーが便利な場合は、このシナリオで不思議な魔法の「クリーンアップワードHTML」ボタンがあります。

Answer 6

MSWordは作成者ほどスマートではありません - MSWordで作成された場合のみ、順序付きリストはHTMLにそのまま埋め込まれます。つまり、リストはMSWord構造体ごとにフォーマットされていて、ページにどのように表示されているかはわかりません。多くの人々は、MSWordリスト機能を使用せずに、タブやその他の書式を使用して順序付けられているか、または順序付けされていないリストを作成します。 HTMLに保存すると、表示された方法ではなく、書き込まれたとおりに保存しようとします。

Answer 7

このリソースhttp://word2cleanhtml.com/を使用して、Word文書をHTMLをクリーンに変換します。私の意見では、非常に便利です。

Answer 8

WinwordとそのHTML生成を書いた人は、スマートな人です。純粋な方法でHTML機能を使用するのが簡単だった場合は、そうするでしょう。

Wordは、用紙最適化レイアウトの作成についてです。 HTMLがサポートしていないタブストップやマルチレベルの番号付けなどの概念をサポートしています。結果として、Word文書のHTML版は「素敵な」HTMLではなく、Word文書の機能を正確に保持しようとする試みです。

Wordが保存したHTMLファイルを再度開くと、ドキュメントの巧妙なリバースエンジニアリングが行われるため、Wordのレンダリングが開始されたように見えます。同様に、HTMLをスニペットとしてWebページに挿入し、Word CSSを保持すると、結果はかなり忠実です。この場合、ウェブページのCSSとWordのCSSとの間に文化的な衝突があり、悪い仕事をするためには何らかの努力が必要です。 Word HTMLはUTF-8を使用していないため、処理が必要です。

HTMLTidyを使用してWordのマークアップを取り除くことができますが、ウェブページ内の適切なレンダリングのために、この後にさらにマッサージが必要です。私は15年間、WordとWebページが混在した製品を開発してきました。その結果、CSSを微調整するとかなり良い結果が得られます。

専用のHTMLエディタが見つからなかったので、ペーパーバージョンを作成し、Wordで作成したレポートからテキストをインポートするため、Wordを使用しました。

Wordを使用して整頓された純粋なHTMLを作成することはお勧めしません。ワインのボトルを開けるために缶切りをしないでください。

生命があればはるかに簡単になります：その非常に混乱「弾丸と数字」機能の a）は、マイクロソフトの再設計され、無数のオプション、 b）はHTMLではなく、ネイティブの提供、および適切に機能を備えた、マルチレベルの番号付けのサポート現在利用可能な思考後のアプローチのこの分野のHTMLの弱点は、Google Docsで利用可能な難しい番号付けのオプションに見ることができます。

HTML 5では多くの点で改善が見られましたが、HTML 6がワードプロセッサ/ HTMLエディタの分割に役立つことを願っています。

Answer 9

「開発者」タブ - >「ドキュメントテンプレート」 - >「リンクされたCSS」で、Work内の外部スタイルシートをHTMLドキュメントにリンクできます。これを使用して、Wordで生成されたほぼすべてのスタイルをオーバーライドできます。

クレジット：https://superuser.com/questions/65107/how-to-apply-external-css-stylesheet-to-document-in-microsoft-word/65144#65144

注：私は、Word 2013を使用してこれを行っていましたが、それは新機能ではありません。