アナログ
RSS  

実はすごかったアサブロ「エディタ」2009/11/20 00:00

βのくせにすごいじゃないか
昨日はタグ入力でテーブルを作る様子を書きましたが、実はもっと簡単に編集できると分かりました。

Firefox 3.6b3で作業しています。他のブラウザでは同じ事ができないかもしれません。

先ずはアサブロ管理画面の「エディタで新規作成」でエディタ画面に移行します。

そして拝借したい表別のタブに表示して選択します。
選択するコツは表の前の文章の末尾にマウスカーソルを合わせて、表の次の行の先頭までドラッグすると漏れなく選択できるようです。
表の選択

そしてコピーして
表をコピー

エディタ画面に貼り付けます。
エディタに貼り付け

カーソルを1行目の3列目に移動して
列を増やす
編集枠外の右三角アイコンをクリックすると

列が増えた
カーソルの右に1列増えます。


今度はカーソルを1行目の2列目に移動して
列を減らす
編集枠外の×アイコンをクリックすると
列が減った
カーソルのあった列が削除されます。
もちろん左三角のアイコンをクリックすると
左に列を増やした
カーソルの左に1列表が増えます。



今度は4行目にカーソルを移動して
行を増やす
下三角のアイコンをクリックすると

行が増えた
列が増えますが期待したものと違います。


そんなときは同じにしたい行を選択コピーして
行をコピー
増やした行に貼り付けます。
行の内容を貼り付ける

これで期待通り。
行の内容がコピーされた
もっとも、最初の表の作り込みが一番大変なんだけどなw
(うちのテーブルはアサブロのCSSを編集してるので、よそにコピーすると悲しいことになります。家電Watchならコピペしてもなかなかいい感じ。てかCSS化するときに参考にしたやつw)

それはともかく、これは今後に大いに期待していいんじゃないかと思った次第。
つうか、今後表をつくる時はアサブロエディタで作るよw
(そして出来上がった表のHTMLを従来のHTML編集へコピペするwww)

HTMLが分かるなら、今でも十分とはいえないけれどw使えます。


P.S.
そういえば昔、保存できないけれどブラウザで編集できるというのがあったような……とググってみたら
ブラウザ上で画像やテキストを自由に編集する方法 - POP*POP
アドレスバーに
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
と入力すると編集モードに……テーブルに関してはこれの動作と同じだなぁw
アサブロ「エディタ」はこの仕組みを利用してるのかな?

コメント

コメントをどうぞ

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

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

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


コメント:

トラックバック

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

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