コメント入力支援(QuickTags、プレビュー)
■ QuickTags
1. alexking.orgさんのこのページにて JS Quicktagsをダウンロード → 解凍。
2. js_quicktags.jsをカスタマイズ。
やむやむさんのところで使っているのとは、ヴァージョンが違うのかな・・・。
もっと色々増えていたので、がしがし書き換え&削除。
edButtons.push( new edButton( 'ed_size1' ,'small' ,'<span style="font-size: 85%;">' ,'</span>' ,'' ) );
とか
edButtons.push( new edButton( 'ed_color1' ,'red' ,'<span style="color:#cc6666;">' ,'</span>' ,'' ) );
という感じで。
extended buttonsの方は、殆ど消してしまいました。
(コメントでは必要なさそうなタグもあるので。)
これを保存して、アップロード。
(http://略/mt/entry/js_quicktags.js)
3. そして個別テンプレートに書き足します。
<head>内に<script src="js_quicktags.js" type="text/javascript"></script>ボタンを表示させたいところに
<script type="text/javascript">edToolbar();</script>テキストエリアの下あたりに
<script type="text/javascript">var edCanvas = document.getElementById('text');</script>
赤字はtextareaのidの名前。
4. 再構築。
■ コメントプレビュー
こちらも、書かれているものにスタイル等を加えつつ利用させていただいてます。
1. 個別テンプレートに、書き足し。
<textarea tabindex="" id="text" class="" name="text" rows="10" cols="30" onkeyup="doCommentPreview()" onblur="doCommentPreview()"></textarea>
<div class="comment" style="margin-top:10px;padding:10px;font-size: 12px;">
<div class="entry_body" id="comment_preview">ご利用のブラウザ、設定ではご利用になれません。</div>
</div>
2. スクリプトは外部のファイルへ保存して、<head>内で呼び出す。
// コメントプレビュー機能のスクリプトです
function doCommentPreview(mode) {
// コメント入力テキストエリアのidを指定します
var textAreaId = 'text';
// プレビューを表示するタグのid属性
var previewAreaId = 'comment_preview';
・
・
textareaのidは、「text」にしたいので、赤字箇所を修正。
■ ついでにこれらは、mt/tmpl/cms/edit_entry.tmplにも付け足して、記事作成画面でも使えるようにしてみました。
しかし、nameを2つに指定できなかったので、スクリプトは2つ。
Quicktagsのほうは追記のみ。
この辺、うまくできないかな・・・。
ブックマークレットにして、edCanvasをセレクトするカタチ(onFocusだとうまく渡せないので)だと、できそうな気がしますね~。
コメント(7)
とーこさん
この記事とは関係なくて申し訳ないのですが、
ヤプログでカスタマイズを教えていただいた
お礼にまいりました!
サイドバーの四角を角丸にするの、やっとできました♪
カレンダーがてこずりましたが、なんとか・・・。
わたしって頭、かたいんだなーと実感しました。(笑)
またいろいろ勉強にきますので、よろしくお願いします。
ではでは、残暑続きますがお元気でー。
ありがとうございました。
はじめまして、とーこさん!
こちらの記事には、全く関係ない内容なので、どうかなと考えましたが、、少しお聞きしたい事ありましたので、お礼がてら参りました♪
昨日、前のヤブログのサイトを拝見して、いろいろと勉強させていただき、カスタムさせていただきました。
プロフィール、スクロール、カテゴリー絵文字の方をけることが出来、とても感謝しております^^本当にありがとうございました♪
、が、殆ど完璧!!と思っていたら、どうやら怪しい部分を発見・・・。
プロフィールにスクロールをつけてみたのですが、そこだけが、ずれてしまっています。
他のスクロールは、綺麗に同じ位置で揃っているのに、プロフィールのトコだけが、サイドバーの内側(プロフィール内容寄り)になってるのです。
移転して、お忙しい所とは思いますが、どうか、解決策を教えていただきたいです。
勝手な事ばかりいってスミマセン・・・
宜しくお願い致しますm(__)m
はじめまして。やむやむのさえらと申します。
トラックバック&コメントありがとうございました。
こういうの、あるとちょっと便利ですよね。
> チサさん
こんにちは~。
角も丸まったようで、良かったですねv
カレンダーの考え方は、他のタグともまた違っているので、少しややこしいですよね。
お互い、体には気を付けましょう~。
> みぃさん
こんにちは~。
えぇと、これは・・・以下のようにしてみてはいかがでしょう。
ちょっと無理矢理なのですが;
<div class="side">
<table cellSpacing=0 cellPadding=0 width="100%" border=0><tr>
<td class="side_title">Profile</td></tr></table>
<div style="overflow: auto; height: 100px">
<div class="side_text">
■Rubby■<BR>・・・
</div></div></div>
> さえらさん
こんにちは、いらっしゃいませv
便利ですよね、やっぱり。
前のレンタルブログではデフォルトで付いていたので、便利だったのだなぁとしみじみ思ってしまいます。
とーこさん、ありがとうございます!!!
凄いです♪綺麗に並べられました^^感謝です!!!
質問させていただいた後に、ココを紹介していくれた方から、”質問はもう受け付けてない”って聞いて、大変ご迷惑お掛けしてしまったと、申し訳なく思っています。失礼致しましたm(__)m
これからも、過去の記事ももちろん、これからの活躍を楽しみに、そして、勉強させていただきます!!
応援していますので、頑張って下さいね(^o^)丿
本当に、ありがとうございました♪
> みぃさん
いえいえ、良かったですね~。
質問も、沢山でなければまた答えていけると思うのですが・・・。
余裕が持てるようになったら、まだできれば良いなとは考えています。