アナログ
RSS  

アサブロ「エディタ」での表現を増やす方法2009/11/22 00:27

コピーは前後の空白も含めると失敗がない
エディタで記事を作成するとHTMLが使えないとあきらめてる方や、 せめて~が使えたらという方(dara-jひ日記)が多いので「コピペすればいいじゃない」とHTMLを知らない方でも少しはいじれる程度に書いてみます。
(Firefoxでしか確認していませんので、他のブラウザでは同じことができないかもしれません)

基本的に[Ctrl]+[C]でコピーして[Ctrl]+[V]でエディタに貼り付けましょう。
マウスで貼り付けると悲しいことになります(やってみればわかる)。
悲しい事になったら[Ctrl]+[Z]でやり直しましょう。

コピーは前後の空白まで含めてコピーすると失敗しなくなります。
(逆に選択するための空き行がなくなるとどうしようもなくなります)

アサブロ「エディタ」の仕様がいつ変更になるか分かりませんので、仕様が変わってしまったときはあきらめて下さい。
既に仕様変更だかバグ修正だかで、HTMLタグの直接入力が阻止されるようになってしまいました。


以下エディタの「クリア」ボタンで消すことができるサンプルです。

文字の入力はできますが、文字の貼り付けはできません(やってみれば分かります)。

 黒色   灰色   銀色   白色   navy   teal   緑色 
 水色   lime   黄色   fuchsia   olive   紫色   栗色 

 青/白   赤/白   fuchsia/白   黄/黒   水/黒   lime/黒 

 文字を小さく   文字を大きく   イタリック 


 ブロックタイプ 
 ブロックタイプ 
 ブロックタイプ 
 ブロックタイプ 

以下エディタの「クリア」ボタンで消せませんが、文字の入力や貼り付けが可能です。削除したい場合全体を選択して[Del]キーで削除できます。

 
黒色
   
灰色
   
銀色
   
白色
   
navy
   
teal
   
緑色
 
 
水色
   
lime
   
黄色
   
fuchsia
   
olive
   
紫色
   
栗色
 

 
青/白
   
赤/白
   
fuchsia/白
   
黄/黒
   
水/黒
   
lime/黒
 

 
文字入力もコピペもできますが「クリア」で消せません。
 
 
文字入力もコピペもできますが「クリア」で消せません。
 
 
文字入力もコピペもできますが「クリア」で消せません。
 
 
文字入力もコピペもできますが「クリア」で消せません。
 

テーブルの編集方法は実はすごかったアサブロ「エディタ」を見て下さい。
 
 
センタリングしたテーブル
 
 

以下アサブロのCSSで設定してますので素のタグです、見たままをコピペできません。

例:<blockquote>引用</blockquote>
 
引用
 
 
pre
 
 

見出しh3

 
 

見出しh4

 
リストは項目の末尾で[Enter]キーを押すと項目が増えます。
([Shift]+[Enter]で項目内改行になります)

 
  1. 数字付リスト
 
 
  • 数字なしリスト
 

自分でカスタマイズするにはアサブロの通常の新規作成で「記事の記述方式」をHTMLにして作成する必要があります。
まずはHTMLを勉強しないと話になりませんが、簡単にポイントだけ列挙します。

改行する部分には<br>を付けましょう

エディタの「クリア」ボタンは単純に「<SPAN class="asahi_editor_styling」のタグを消すようになっているようなので、次のようにすることで「クリア」ボタンで消せるものが作れます。

<SPAN class="asahi_editor_styling" style="color:black;">黒色</SPAN>

style=""の中が装飾部分になります。
「color:」が文字の色指定です。「black;」が指定した色です。";"は区切りの意味があります。よく分からないなら付ける決まりになってると思ってください。
色は他に16進数"color:#000000;"やRGB"color:rgb(0, 0, 0);"でも指定できます。

背景色は「background-color:」で指定します。
例えば青地に白文字なら「style="background-color:blue;color:white;"」となります。

色については
色名で指定できる色一覧
HTMLのカラーネーム : IT用語辞典
WEB COLOR 216
など参考にされるといいかもしれません。

style=""の中は少々内容が古いですが
とほほのスタイルシート入門
を参考にされるといいかもしれません。

また、アサブロのCSSに登録してるのを使いたいという場合は、クラスに「空白+クラス名」を追加すればよいです。
私はbc_gというのを定義してるので使ってみると
<SPAN class="asahi_editor_styling bc_g">■</SPAN>
  
のようになります。

文字の貼り付けができるとかできないとかですが、インライン要素のタグ(<SPAN>や<b>)の途中で文字の貼り付けをするとタグを二つに分割するという仕様のようです。
例えば
<span>あか</span>で"あ"と"か"の間に"り"を入力すると
<span>ありか</span>となりますが"り"をコピペすると
<span>あ</span>り<span>か</span>となってしまうためです。

一方でブロック要素のタグ(<div>など)は分割されないのでコピペが可能になりますが、SPANでないのでクリアボタンが効きません。

編集することを考えると分割されない方がいいのですが、コピーする内容にタグが含まれることを考えると、(暫定的に)止むを得ない仕様かもしれません。


とはいえ、いくらβ1でも文字色と背景色の指定ができるくらいの作り込みはして欲しかったですねぇ……。

コメント

コメントをどうぞ

※メールアドレスとURLの入力は必須ではありません。 入力されたメールアドレスは記事に反映されず、ブログの管理者のみが参照できます。

※投稿には管理者が設定した質問に答える必要があります。

名前:
メールアドレス:
URL:
次の質問に答えてください:
スパムがウザイので合い言葉を入れるようにしました。山と言えば川だろJK


コメント:

トラックバック

このエントリのトラックバックURL: http://puppet.asablo.jp/blog/2009/11/22/4712537/tb

※なお、送られたトラックバックはブログの管理者が確認するまで公開されません。