公開日
カテゴリー
HTML編集エディタ
コメント
4件
トラックバック
0件

ファンブログは Seesaa Blog と同じなので、このブログのほとんどの内容は Seesaa Blog でも利用できます。


ファンブログ テック http://fanblogs.jp/techs/A8.netのファンブログ(無料)を使っています。


自分のブログに表を付けたいなどと考えてらっしゃる方もいると思いますが、HTMLで表を作るのは結構大変です。そこで、簡単に表が作れる編集エディタを、このページに設置しました。(CKEditorというフリーのソフトを使っています)

表作成後、出来上がったHTMLをご自分のブログに貼りつけてお使いください。


これが編集エディタです

Wordなどのワープロソフトで書いた文章をHTML化する事もできます。詳しくは次のページをご覧ください。
貼りつけるだけでWord文書をHTMLに変換するエディタ

表が下に表示されてしまうというお悩みは、メインブログの記事「表テーブルが下がる原因と対処法」で解決できます。

本来CKEditorは、自分のブログの記事編集画面に設置します。ですがSeesaa Blogに限らず、無料ブログではそこまでカスタマイズできません。ですので、このページでHTMLを作り、自分のブログの編集ページに貼りつけて使ってください。

使い方

使う方法は2通りあります。

ひとつはExcel等の表計算ソフトで作った表をエディタの編集枠内に貼り付ける方法です。もうひとつは、はじめからCKEditorを使って一から表を作る方法です。

表計算ソフトで作った表を貼り付ける方法

すべての表計算ソフトで同じように出来るのかはわかりませんが、基本的には作った表を貼りつけるだけです。

表計算ソフトで作成

上のような表計算ソフトで作った表をコピーして、CKEditorの編集枠内に貼り付けると同じようなレイアウトでHTMLの表(テーブル)になります。

HTMLのテーブルに変換される

HTMLのソースを取得する方法は最後に書いています。

表計算ソフトで作った表を貼り付けるならファンブログ以外では、このエディタを使う必要はありません。管理ページの編集画面に貼りつけるだけで、同じことができます。その際「HTMLタグ編集」や「リッチテキスト」というようなモードの切り替えでHTML編集モードになっている場合は、モードを切り替えてから貼り付けます。それで、うまくいかない場合は、このページのエディタをご利用ください。

最初からCKEditorで表を作る場合

基本的には上の編集スペースに、Wordのように文章を書くだけで自動でHTMLを作ってくれます。

サンプル
表のサンプル

表を作るには、下の図の赤枠のマークをクリックします。
(バージョンアップ等で場所は変わることがありますが、赤枠の中と同じマークを押してください)

表のボタン

すると「表のプロパティ」が開くので、必要事項を記入して「OK」を押します。

表のプロパティ

「OK」を押すと編集画面に、表の枠組みが作られているので、枠の中にデータを書きこんでいけば完成します。

画像を入れるには、次のボタンをクリックします。
(バージョンアップ等で場所は変わることがありますが、赤枠の中と同じマークを押してください)

画像挿入ボタン

「画像のプロパティ」が開くので、URLを入力して「OK」を押します。大きさなどの細かな設定は、プレビューを見ながら決められます。

画像のプロパティ

作成したHTMLソースの取得

エディタの左上にある「ソース」ボタンを押せば、HTMLが表示されるので、それをコピーして、ご自分のブログでお使いください。

貼り付ける際は「HTMLタグ編集」や「リッチテキスト」というようなモードの切り替えでHTML編集モードにしてから貼り付けます。

ソースを表示

上にも書きましたが、表が下に表示されてしまうという場合は、メインブログの記事「表テーブルが下がる原因と対処法」をご覧になってください。

他にも、下のような一覧リストを作ったり、文字に色をつけたり、いろいろ出来るので応用してお使いください。

  1. 番号付きリスト
  2. 番号付きリスト
  3. 番号付きリスト
  • マーク付きリスト
  • マーク付きリスト
  • マーク付きリスト

Wordなどのワープロソフトで書いた文章をHTML化する事もできます。詳しくは次のページをご覧ください。
貼りつけるだけでWord文書をHTMLに変換するエディタ


執筆

統括責任者CEOTom と申します

千葉県船橋市在住。Google+ はこちらです。
Twitter アカウントは@Tom3sutekiです。

この情報が役に立ったら、みんなに教えよう!
https://fanblogs.jp/techs/archive/25/0 ブログに表を組み込みたい!表テーブルなどが作れるHTMLエディタ
このブログへの投票はこちら
 → にほんブログ村
カテゴリー
HTML編集エディタ
タグ
エディタ

ご存知ですか?
ファンブログにはA8.net以外のアフィリエイトを貼ることが、規約で正式に認められています。

おすすめアフィリエイト会社(ASP)一覧

忍者AdMax
クリック報酬型専門アフィリエイト。クリックされるだけで報酬に。今まで最高で1クリック73円ついたことがあります。
最低振込報酬額500円(振込手数料150円 ただし楽天銀行ジャパンネット銀行への振込は無料)
アフィリエイトB
アフィリエイターへのサポートが良く、報酬に消費税分を上乗せして払ってくれます。
最低振込報酬額777円(振込手数料無料)
アクセストレード
オンラインゲーム系のアフィリエイトが非常に豊富。クローズド・ベータ・テスター募集広告などが狙える。
最低振込報酬額1,000円(振込手数料無料)
バリューコマース
通常の広告以外にも、非常に多くのアダルトサイト向け広告がある。アダルトサイト運営者におすすめ。
最低振込報酬額1,000円(振込手数料無料)

ファンブログは A8.net の会員だけが使えます。

Amazon  楽天市場