【ココログ】記事のプレビュー表示用ブックマークレット(JavaScript only版)

そんなわけでココログプレビューブックマークレットの純JavaScript版です。

ココログ管理画面の記事の作成画面で、次のブックマークレットを実行します。

PREVIEW釦追加(JS版)

[確認]ボタンの隣に[PREVIEW]ボタンが追加されると思います。
この状態で、通常通り記事を書いた後に[PREVIEW]ボタンを押すと、プレビュー画面がポップアップ(ブラウザの設定によっては別タブ)で開きます。
こちらは、上部にプレビューを閉じるためのボタンも表示されます。

ブックマークレットの登録方法等はこちら→【Web】ブックマークレットのブラウザ毎の登録方法

SeaHorse/Greasemonkey共用スクリプトです……というか、ブックマークレットでも同じものを呼んでいます。

http://furyu.tea-nifty.com/script/cocoPostPreviewJS.user.js

Seahorseの使い方については、例えばこちらとかこちら。
Greasemonkeyの使い方については、例えばこちら。

■制限について
以下のような制限があります。ご了承の上でご使用願います。

1. 無保証です。問題が発生した場合でも当方は一切責任を負いませんので、ご自身の責任においてご使用ください。
2. スクリプト(JavaScript、JScript)が有効な環境でないと動作しません。
3. ブログのテンプレートによっては使用できません(管理画面の「デザイン」→「現在のテンプレートを編集」で、[確認]ボタンが表示されない場合や、ココログオリジナルテーマ等HTML構造が大きく異なるものなど)。
4. プレビューに反映されるのは、「タイトル」・「本文」・「本文(続き)」欄のみです。
5. あくまで『近いイメージ』での表示を目指したものであり、この通りに表示されるとは限りません。
6. ココログのテンプレートのプレビューを呼出した後加工しているため(*1)、対象記事のプレビューが表示されるまでにタイムラグが有ります(上部に[close]ボタンが表示されれば表示完了のはず)。
7. 記事の編集モードがリッチテキストの場合、うまくプレビューできません(本文や本文(続き)欄に書いた内容がうまく反映されないです。いったんHTML編集画面に切替えてやればプレビュー出来るようになりますが)。
   →【2007.06.24】ver.0.02で自動でHTML編集画面に一度切替えることでプレビューに反映できるよう修正。

(*1) テンプレートのプレビュー機能では、最新記事1個が表示されるようになっています。本スクリプトはこれが表示されたのを確認してからでないと加工が行えないため、どうしてもタイムラグが生じてしまいます……うまい回避策があればご教授ください。

例によって、あんまりきちんとはテストしていませんので、不具合があってもご容赦を。
気付いた点はお知らせいただけると幸いです。

通常の場合はこちらの方が使いやすいと思います。

ああ、先のCGI版の立場は……orz。
まぁ、若干動作が違いますし、あっちは隠しコマンドも(ry

【修正履歴】

• 【2007.07.25】
  
  1. [ver.0.02b]ココログ(ベーシック・プラス・プロ)管理画面のバージョンアップに伴う修正(本文／本文(続き)欄の"大きく"仕様変更)。
• 【2007.06.29】
  
  1. [ver.0.02a]改行が反映されない不具合の修正。
• 【2007.06.24】
  
  1. プレビュー画面の書換えが目立たないように細工。
  2. [ver.0.02]本文／本文(続き)欄をデフォルトで"大きく"するように機能追加。
  3. [ver.0.02]リッチテキストモードで編集した内容がプレビューに反映されない問題の改善。
  4. [ver.0.02]Greasemonkey対応のバグ修正(window.open()→unsafeWindow.open())。

ツイート