Microsoft Word で生成された HTML のスタイル設定
https://stackoverflow.com/questions/4845082
-
27-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian質問
うーん。Word は、肥大化して複雑で、標準に準拠しておらず、セマンティックではない HTML で有名です。残念ながら、非常に厳格な基準に基づいてアウトラインを作成するよう要求する教授がいます。手書きは嫌なので、クラスメイトにも役立つものを作ることにしました。Mac 上の NeoOffice で単純な番号付きリストを使用してアウトラインを作成し、それを HTML としてエクスポートし、スタイルを設定するためにかなりの量の CSS を書きました。次に、Word for Windows で順序付きリストを作成し、HTML としてエクスポートして、互換性をチェックするために私に送ってもらいました。震えを抑えようとしてページを数マイル下にスクロールした後、問題が見つかりました。ワードは使わなかった <ol> そして <li>. 。ネストされた山を使用しました <span>クラスはワズーの外にあります。すべての作業が無駄になるのは見たくないのですが、このコンテンツを扱うのは不可能です。ユニバーサル スタイルシートを使用するのではなく、ドキュメントごとにスタイルを設定する必要があります。
理想的には、Word は標準タグを使用して HTML を生成し、他のリストと同じようにスタイルを設定できるのですが、そうではないようです。実際に使用するリストを生成するにはどうすればよいですか <ul> そして <li> それよりも <span>, 、または少なくともコード内の何かを変更して、リストを作成する奇妙な方法を何とか処理できるようにしますか？
解決 8
調べてみると、ドキュメントを HTML に変換するというアプローチは現実的ではないようです。Word のバージョン間の違いは言うまでもなく、単一文書のファイル保存と HTML 生成に対する Word のアプローチは非常に多様です。ワイアットの提案と同様に、コードをクリーンアップする方法はあるかもしれませんが、どれも完璧ではありません。API を詳しく調べれば、これをより簡単に解析する方法が得られるかもしれませんが、実際にはこれも同様に複雑であることが判明する可能性があります。Word を単にリスト生成ツールとして使用するのは現実的ではないようです。
他のヒント
Winword とその HTML 生成を作成した人たちは賢い人たちです。純粋主義的な方法で HTML 機能を使用するのが簡単であれば、そうしていたでしょう。
Word は、紙に最適化されたレイアウトを作成することを目的としています。HTML がサポートしていない、またはサポートし始めたばかりのタブストップやマルチレベルの番号付けなどの概念をサポートします。結果として、Word 文書の HTML バージョンは「優れた」HTML ではなく、Word 文書の機能を正確に保持しようとするものになります。
Word が保存した HTML ファイルを再度開くと、文書に対して賢明なリバース エンジニアリングが実行されるため、Word では開始時とほぼ同じようにレンダリングされます。同様に、Word CSS を保持したまま HTML を Web ページにスニペットとして挿入すると、結果はかなり忠実になります。この場合、Web ページの基礎となる CSS と Word の CSS の間に文化の衝突があり、悪い仕事を最大限に活用するにはある程度の努力が必要です。Word HTML も UTF-8 を使用しないため、何らかの処理が必要です。
HTMLTidy を使用して Word マークアップを取り出すことはできますが、Web ページ内で適切にレンダリングするには、この後にさらにマッサージが必要です。私は Word と Web ページをこのように混合する製品に 15 年間取り組んできましたが、CSS を微調整すれば非常に良い結果が得られます。
私たちが Word を使用したのは、専用の HTML エディターが見つからなかったからではなく、紙版を作成し、Word で作成されたレポートからテキストをインポートしているためです。
Word を使用して整然とした純粋主義的な HTML を作成することはお勧めしません。ワインのボトルを開けるのに缶切りは使いませんよね？
次のようなことができれば、人生はもっとシンプルになるでしょう。A）Microsoftは、非常に混乱する「弾丸と数字」機能の無数のオプションを再設計しました。B）HTMLは、現在利用可能な後から考えられたアプローチの代わりに、ネイティブで適切に機能しているマルチレベルの番号付けサポートを提供しました。この分野における HTML の弱点は、Google ドキュメントで利用できる脆弱な番号付けオプションに見られます。
HTML 5 では多くの点が改善されているため、HTML 6 がワード プロセッサと HTML エディタの溝を埋めるのに役立つことが期待できるかもしれません。
このリソースを使用する http://word2cleanhtml.com/ Word 文書をクリーンな HTML に変換します。私の意見では、非常に便利です。
Windows PC を入手できる場合は、Notepad++ (http://notepad-plus-plus.org/) を使用してコードを貼り付け、プラグインを選択してコードをフォーマットします。
リストジェネレータとして WYSIWYG エディタを使用します。これにより、ユーザーは Microsoft Word の快適ゾーンから外されるという代償を払って、生の CSS を扱う必要がなくなります。
Word の検索と置換をクリエイティブに使用することも効果があるかもしれません。たとえば、HTML ファイルをメモ帳で開き、テキストをコピーして Word 文書に貼り付けます。「検索と置換」を開きます。(たとえば) HTML が次のようになり、「これはテキストの最初の行です」が最初の行項目である場合:
<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>
次に、ワイルドカードを見つけて置き換えます。 \<p*line-height:115%'\ そして何も置き換えません。一連の検索/置換が必要になる場合があります。HTML マークアップは豊富ですが、その他はすべて同等であり、少なくとも一貫性があります。
Dreamweaver を手元に持っている場合は、このシナリオで驚くべき効果を発揮する魔法の「Word HTML をクリーンアップ」ボタンがあります。
MSWord の賢さは作成者次第です。順序付きリストは、MSWord で作成された場合にのみ HTML に変換されます。これは、リストがページ上でどのように表示されるかではなく、MSWord 構造ごとにそのように書式設定される必要があることを意味します。多くの人は、MSWord のリスト関数を使用せずに、タブやその他の書式設定を使用して、順序付けされているように見えるリスト、または順序付けされていないように見えるリストを作成します。HTML に保存すると、表示方法ではなく、記述されたとおりに保存しようとします。
Work の [開発] タブ -> [ドキュメント テンプレート] -> [リンクされた CSS] で、外部スタイルシートを HTML ドキュメントにリンクできます。これを使用して、Word によって生成されたほぼすべてのスタイルをオーバーライドできます。
注記：これは Word 2013 を使用して実行しましたが、新しい機能ではありません。
