無料ブログ「rentafree.net」の管理人ブログ

エディターを改良しました

記事編集エディターを改良しました。

ブラウザのキャッシュが使われちゃうと新しいエディターにならないので、
もしバージョンアップできてなさそうでしたら、
新規記事投稿画面で、
「Ctrl+F5」で強制再読み込みしてみてください。


<SPAN>
<DIV>

color
background-color
border-color
で、
スライダーでRGB値を選択する感じの色選択ツールを作りました。

色は16進表記で設定するんですが、
firefoxだと16進で設定しても勝手に10進に変換されちゃうらしい。
ちょい改善の必要があるかもしれないが、
少しわかりにくいだけだからこのままでもいいかな・・・
10進表記でも一応そのまま色選択ツールは使えます。

あと、
font-size
font-weight
font-style
の項目がなかったので追加。(無くても直接編集は可能でしたが)

font-size
font-weight
font-style
border-width
border-style
を、マウスクリックで入力機能追加。
マウスクリック位置にカーソル合わせるとツールチップで効果を表示するようになったので、
HTMLの知識がない人にもわかりやすくなったと思います。


それと、IE8で若干問題のある動作をする箇所があったので対応しました。


一応十分なテストはしたつもりですが、
結構大きい変更ですので、
もし不具合に気づかれましたら報告お願いします。

検索時に大文字小文字の区別をしなくなりました

検索プラグインによる検索時に、半角英字の大文字小文字を区別していたのですが、
区別せずに検索できるようになりました。

英数字の半角と全角は区別しちゃいます。


他にもちょい検索まわりに問題があったのでちょい修正しておきました。

プラグイン追加の位置指定ができなくなりました

プラグイン追加フォームに、
追加するサイドバーIDの指定が可能でしたが、
UIがわかりにくいと思ったので機能削除しました。

プラグイン追加時は、基本的にサイドバー1に追加となります。
新規追加プラグインは「位置=1」となりますので、必要な場合は追加後に移動させてください。

ボタン:Twitter
ボタン:livedoorクリップ
ボタン:はてなブックマーク
の3種は、
記事下表示を想定したプラグインなので、
公式テンプレートの記事下はサイドバー4なので、
初期状態でサイドバー4に追加となります。

ボタン:はてなブックマーク

はてなブックマークボタンを表示するプラグインです。

設定項目はありません。


このプラグインは記事ページでのみ表示されます。
リストページでは表示されません。

このプラグインはサイドバーではなく記事下への表示を想定しています。
公式テンプレートの場合、
位置=4
位置=5
のどちらかにプラグインを設置すると記事下に表示されます。

プラグイン追加時は初期状態で「位置=4」となります。

livedoorクリップの「clip!」ボタン表示プラグイン作りました

Twitterに続いてボタン第二弾!
livedoorクリップの「clip!」ボタン表示プラグインを作りました。

他にもソーシャルブックマーク系をいくつかと、Facebookの「いいね!」ボタンのプラグイン作成を検討しています。


「mixiチェックボタン」「web拍手ボタン」
も検討したんですが、

mixi
事前にmixiサイトでデベロッパー登録してサイトを許可する必要がある。
デベロッパー登録の入力項目が多く、初心者は無理。

web拍手
ボタン画像がいっぱいあって、どれ使ったらいいかわからん。

ってわけでヤメました。
専用プラグインが無くても、
フリーエリアプラグインで自力実装可能です。

ボタン:livedoorクリップ

livedoorクリップの「clip!」ボタンを表示するプラグインです。
ボタンを押すとlivedoor クリップの登録ページに移動します。

設定項目はありません。


このプラグインは記事ページでのみ表示されます。
リストページでは表示されません。

このプラグインはサイドバーではなく記事下への表示を想定しています。
公式テンプレートの場合、
位置=4
位置=5
のどちらかにプラグインを設置すると記事下に表示されます。

プラグイン追加時は初期状態で「位置=4」となります。

QRコード

QRコードを表示するプラグインです。

設定項目
見出し 設定している場合は見出しを表示します。(テンプレート、設置位置によっては設定しても表示されません。
URL
QRコード化する文字列です。
URL以外の文字列をQRコード化することもできます。
設定されていない場合はブログトップページのURLがQRコード化されます。


このプラグインは公式JavaScriptの機能によって提供されるので、公式JavaScriptをロードしないテンプレートでは表示されません。
QRコードはブラウザの処理により<canvas>で描画されるので、バージョン8以下のIEでは表示されません。
QRコードは1-L型の8bitモードで1モジュール=3pxのサイズで生成されます。文字列が1-L型に収まらない場合は最大40型まで拡大されます。

プロフィール

プロフィールを表示するプラグインです。

設定項目
見出し 設定している場合は見出しを表示します。(テンプレート、設置位置によっては設定しても表示されません。
プロフィール画像URL 画像を表示したい場合は画像ファイルのURLを登録。
名前 名前
性別 性別
誕生日 誕生日
コメント コメント(改行有効)

設定した項目がただ表示されるだけのプラグインです。
未記入の項目は省略されます。

ボタン:Twitter

ツイートボタンを表示するプラグインです。
ボタンを押すとTwitterの投稿ページに行き、
初期状態で「ページのタイトル」「ページのアドレス(短縮)」が入力されています。

設定項目
Twitterアカウント 設定すると初期状態で「@アカウント」が入力状態となり、投稿後にフォローを薦める表示が出ます。

このプラグインは記事ページでのみ表示されます。
リストページでは表示されません。

このプラグインはサイドバーではなく記事下への表示を想定しています。
公式テンプレートの場合、
位置=4
位置=5
のどちらかにプラグインを設置すると記事下に表示されます。

プラグイン追加時は初期状態で「位置=4」となります。