質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
OS

OS(オペレーティングシステム)は、システムソフトウェアの一種であり、一般的に、ハードウェアを直接的に管理・操作する最も中心的な機能を有するソフトウェアがオペレーティングシステムとして呼ばれます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

1212閲覧

Typoraで作るMardownの図をテキストに囲ませる方法

Tomzy

総合スコア104

OS

OS(オペレーティングシステム)は、システムソフトウェアの一種であり、一般的に、ハードウェアを直接的に管理・操作する最も中心的な機能を有するソフトウェアがオペレーティングシステムとして呼ばれます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/04/27 12:01

【質問の概要】
キンドルに載せるため、EPUB形式の原稿を作成しています。そのエディタとしてTyporaを選びました。頁一杯に広がる画像は問題なく、取り込めるのですが、複数行のテキスト右側に画像を配置することができません。その解決方法を教えてください。

【対応経緯】
Typoraの関連で画像の挿入方法を調べたのですが、単にドラッグアンドドロップで画像を挿入する方法は沢山情報があるのですが、複数行のテキストを画像の左に配置する方法が見当たりません。

 挿入した画像のサイズをZoom機能で小さくすると1行のテキストの右側に画像が表示されます。そこで、HTMLのタグ辞典で調べた下記のコードをTyporaの原稿に書くと、Typora上では意図どおり、画像が表示されます。(第1図ご参照)

第1図
↓ ↓ ↓
イメージ説明

<img src="61 ant.jpg" width ="240" height= "166" align="right" alt="Ant Image" />

 Typoraより変換したPDFでも、画像はテキストとの幅は狭まりますが配置されました。(第2図ご参照)

第2図
↓ ↓ ↓
イメージ説明

しかし、TyporaよりEPUB形式に変換すると、画像は表示されずTyporaで表示されたレイアウトは大分乱れます。(第3図参照)

第3図
↓ ↓ ↓
イメージ説明
なお、HTMLで修正したコードを入れなければ、EPUB形式に変換しても画像は表示されます。

【質問】
111
Typoraを使う限り、複数行のテキストを画像の左に配置することはできないのでしょうか。

222
Typoraに記載したHTMLのコード修正が間違えているのでしょうか。

333
キンドル用EPUB形式で複数行のテキスト右側に画像を配置する方法を教えてください。Typoraの利用を諦めても構いません。

【私の作業環境】
MacBookPro
OS-X10.15.4 Catalina
Safari13.1
Typora0.9.9.32.1(4191)
EPUBファイルを見たブック2.4
PDFを見たPDF Expert2.5.4

よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問