1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Word文書をhtmlタグ付きのテキストに変換するツール

Last updated at Posted at 2021-08-31

掲題のツールをつくったのでその使い方など。

サイトコーディングする際、規約など大量のWord文章をhtmlタグ付けする機会が年2,3回あって、非常にめんどくさかった。
それらしきツールはWeb上にあるものの自分の希望の動作をするものが見つからなかったので、時短&Reactの練習も兼ねてつくりました。
とりあえず、自分の欲しい機能だけ入れてます。

Usage

1. タグ付けしたいWord文書を整形する

自分以外の誰かが作ったWord文書ファイルがそのまま自分の思い通りのタグをつけてくれることはあまりない。

自分のつけたいHTMLタグがでてくるように、最初にWord文書を編集しておきます。
※このStepはWordアプリ上で行う作業です。

見出し

Word 見出し1 -> h1
Word 見出し2 -> h2
Word 見出し3 -> h3

に対応しています。

リスト

Word上で箇条書きになっていないとリスト要素として変換されません。
これ↓
2021-08-31 17_10_15-サンプル文書.docx - Word.png

2. ツールにコピーしてコンバートボタンを押す

今回使用するサンプルのWord文書は →→→ これ

ツールのUIはこんな感じ。
2021-08-31 17_25_30-Word2html App.png

TextAreaにWord文書をPasteすると、以下のダイアログがでるんですが、「Keep」ボタンを押してください。formatはkeepしたいので。
2021-08-31 17_20_05-Word2html App.png

ペーストするとConvertボタンがアクティブになるのでを押すと。。
2021-08-31 17_22_32-Word2html App.png

3. できたよ!

2021-08-31 17_28_04-Word2html App.png

似たようなツール

https://word2cleanhtml.com/
https://wordtohtml.net/
https://wordhtml.com/

もう一個、インターフェースの参考にしたサイトがあったと思ったんですが、みつかりません。。UIレイアウトはそのサイトのパクリです。
これらのツールのほうが画像とかテーブルとか多機能です。
私は改行は<br>タグを入れたかったので、自分のツールを作りました。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?