vanillaice (Akira)

vanillaice (Akira)

sample悩ましい新エディター (;´Д`)
個人的には使いたくない というか「使えない」
それでもほぼ強制的に移行が行われるでしょうから 対応タグなんかを記しておきます
個人の記事作成だけでなく テンプレートの内容にも係ることですので
そちらの方も後述します


書式 書式アイコン

この文章は見出し1(h3)です

この文章は見出し2(h4)です

この文章は見出し3(h5)です

この文章は標準テキストです


この文章は引用です
私も事実けっしてその落第ごとについてののためをするなた。いやしくも今日を講演方は要するにこの存在たませぐらいを示そてしまうたがは束縛しなけれですと、そうには防いないますでな。一口が入れたのはもっとも昔をとにかくだません。ひょろひょろ岡田さんに講義自己とても接近から持った国家その自信あなたか誤解をとかいうご注意たたいないたば、大きな十月も私か示威人にすれて、岡田さんののが他人のこれをはたして不説明となりて私義務にお干渉が欠けように引続きご活動にしですですと、いくらでももう存在がなっだっばおきなのに聴こありう。そうして実はご他人がめがけのもそう大変とありたて、ある発起人がは踏みんてという力よりありから切らませざる。


対応タグ

見出し(例: 見出し1): 追加
<h3>文章</h3>

標準テキスト: 追加
<p>文章</p>

引用: 変更
・旧エディターはpタグが間に含まれましたが 新エディターでは含まれません
・テンプレート側に装飾の指定があればそれに倣います 無い場合には装飾なし
<p>文章</p>


フォントのサイズ フォントアイコン

この文章はsmallです
この文章はmidiumです
この文章はlargeです
この文章はx-largeです
この文章はxx-largeです

対応タグ

フォントのサイズ(例: small): 現状維持
・fontタグはhtml5では廃止です...これ問題あるだろう(笑)
<font size="2">文章</font>



太字 太字アイコン

この文章は太字です

対応タグ

太字: 現状維持
<b>文章</b>



イタリック体 斜体アイコン

この文章は斜体です

対応タグ

イタリック体: 現状維持
・日本語フォントの場合 テンプレートで指定されているフォント種によっては斜めになりません
<i>文章</i>



アンダーライン 下線アイコン

この文章には下線が引いてあります

対応タグ

アンダーライン: 現状維持
・html5では廃止タグです
<u>文章</u>



打ち消し線 打ち消し線アイコン

この文章には打ち消し線が引いてあります

対応タグ

打ち消し線: 現状維持
・html5では廃止タグです
<strike>文章</strike>



フォントカラー フォントカラーアイコン

この文字は赤色です この文字は緑色です この文字は紫色です

対応タグ

フォントカラー: 現状維持
・html5では廃止タグです
<font color="#c0504d">文章</font>



文字背景色 文字背景色アイコン

この文字の背景は赤色です この文字の背景は緑色です この文字の背景は紫色です

対応タグ

文字背景色: 現状維持
・何故かこの項目だけ美しいコード(笑)
<span style="background-color: rgb(242, 220, 219);">文章</span>



テキスト位置揃え(行揃え) 行揃えアイコン

この文章は左寄せです
この文章は中央揃えです
この文章は右寄せです
この文章は両端揃えです

対応タグ

位置揃え(例: 両端揃え): 現状維持
・文字背景色同様 これも綺麗なカタチ
<div style="text-align: justify">文章</div>



番号なしリスト 番号なしリストアイコン

  • この文章はリストの一番最初です
  • この文章はリストの二番目です
  • この文章はリストの三番目です

対応タグ

番号なしリスト: 現状維持
・マーカーは初期値の disc
・マーカー位置は初期値の outside
<ul>
  <li>文章1</li>
  <li>文章2</li>
  <li>文章3</li>
</ul>



番号つきリスト 番号付きリストアイコン

  1. この文章はリストの一番最初です
  2. この文章はリストの二番目です
  3. この文章はリストの三番目です

対応タグ

番号つきリスト: 現状維持
・マーカー位置は初期値の outside
<ol>
  <li>文章1</li>
  <li>文章2</li>
  <li>文章3</li>
</ol>



リンク リンクアイコン


対応タグ

リンク設定: 作業手順変更
・別タブで開く指定・ツールチップ(title)指定など煩わしい手順に変更(笑)
<a href="//#" title="ツールチップ" target="タブ指定">文章</a>



絵文字 絵文字アイコン

  

対応タグ

絵文字: 現状維持
・alt属性追加や廃止のborder属性削除の改善なし
<img src="絵文字画像アドレス" class="emoji" style="border:none;">



画像の挿入 画像の挿入アイコン

NP0307-barnimages-1th_.jpg

対応タグ

画像の挿入: 現状維持
・border属性削除の改善なし
<img src="画像アドレス" alt="代替テキスト" border="0" width="横サイズ" height="縦サイズ">



画像の挿入 YouTubeアイコン



対応タグ

YouTube動画の挿入: 現状維持
・frameborder属性削除の改善なし
<iframe width="320" height="260" src="動画アドレス" frameborder="0" allowfullscreen=""></iframe>



FC2動画/ ニコ動/ Vine/ Instagram/ Evernote/ 顔文字

ここめんどくさいからスルーでいいですか (´・ω・`)



書式のクリア 書式のクリアアイコン

このツールでクリアできるものとできないものとがあります



まとめ

頑張って新エディターで記事を書いたわけですが
初心者の方以外 中級〜上級者の方にとってはとても使いづらいなぁ
というのが感想です

作成中にダイレクトにhtmlタグを打ち込むことができませんので
HTML表示をクリックしてソースを開くことになりますけれど
改行が入っていないためにものすごく見づれぇ (´・ω・`)
この記事だとこんな ↓(スクショ)

sample

これでメンテナンスってできますかね(笑)
そもそも恐らく上級者の方はツールバーって使わないと思うんですよ
ソースが汚れるから
なので改行の扱いさえ選べるようになればさほど問題ないような気も...
でもこのタイプのエディターだとそれが難しいんだろうなー と思います
この状態でtableタグ(表)なんて使おうものなら死亡確定ですよ :D

テンプレート的にどうなのか ですが
気になる点を列挙しますと

・リストに関する装飾
・見出しに関する装飾
・引用に関する装飾

細々説明してもアレなんで
次回作以降からちょっと変更していこうかと思っております
既存テンプレに関しては随時というか 時間をみて少しづつ手を加えようかな と (´・ω・`)

しかしこれホントにゴミタグ出まくりなんだけど
この記事にしてもすっごい嫌なんですよ ゴミだらけのソースになっているので(笑)
これはちょっと... 辛いなー ( ̄∀ ̄;)
保存・プレビューのアイコンも下すぎるよ 個人的にとっても使いづらい
記事作成画面の下に余白ゼロってのもどうなのか これも使いづらいよFC2さん (´・ω・`)
関連記事
Posted by

Comments 0

There are no comments yet.

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い
該当テンプレートの専用記事にお願いします。無関係な記事でのコメントはお控えください。
テンプレートカテゴリ