ブログ編集用ブックマークレット

04 «
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
» 06

ASOK?
ActionScriptでFlashつくるよ

CATEGORY : スポンサー広告

スポンサーサイト

DATE : -----------

上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。

CATEGORY : ブログ

ブログ編集用ブックマークレット

DATE : 2010-08-11-Wed 　Trackback 0 Comment 0

ブログ編集用に、タグを挿入するブックマークレットを作ってみた。

+タグを挿入 ver.0.1.3

動作環境

Google Chromeでしか試してません。悪しからず。
でも、依存性有りそうなのは、タグ挿入後のカーソル位置操作だけだと思う。たぶん…

問題点

~~<textarea>が複数あると正しく動作しない。~~ ver.0.1.3にて対応
<input>に対応してない。

使い方

テキストエリアの文字列を選択
ブックマークレットを実行
プロンプトが出るのでタグ名を入力

DreamweaverのCtrl+Tをイメージして作りました。使ってみたらチョー便利。

参考文献

以下のページを大いにパク参考にさせてもらいました。ありがとう！

bookmarkletで選択文字列を取得することを考える - 徒書

更新履歴

ver.0.1.3 2010/08/15: <textarea>が複数ある場合の不具合に対応。
ver.0.1.2 2010/08/12: タグ挿入後に選択位置を再設定するように。
ver.0.1.1 2010/08/11: なんか直した。
ver.0.1 2010/08/11: 最初のリリース

ソース

 
javascript:(function(){
	s=window.getSelection().toString();
	d=getTextArea(window,s);
	v=d[0].value;
	p=v.substr(0,d[1]);			/*prefix*/
	b=v.substr(d[1],d[2]-d[1]);	/*body*/
	x=v.substr(d[2]);				/*suffix*/
	i=prompt(b+'\rImput tagName.');
	if(i){
		n=makeNode(b,i);
		d[0].value=p+n+x;
		d[0].setSelectionRange(d[1],d[1]+n.length);
	}
	
	function makeNode(b,t){
		var arr=t.split(' ');
		return '<'+t+'>'+b+'</'+arr[0]+'>';
	}
	function getTextArea(w,t){
		var tias=getTextAreas(w);
		for(var i=0;i<tias.length;i++){
			var tia=tias[i];
			var s=tia.selectionStart;
			var e=tia.selectionEnd;
			if(s!=e && t==tia.value.substr(s,e-s)){
				return [tia,s,e];
			}
		}
	}
	function getTextAreas(w){
		var elms=w.document.getElementsByTagName('*');
		var tias=[];
		for(var i=0,e;e=elms[i];i++){
			var tag=e.tagName.toLowerCase();
			if(tag=='textarea'){
				tias[tias.length]=e;
			}/*else if(tag=='input'){
				var ty=e.type.toLowerCase();
				if (!ty||ty=='text') {
					tias[tias.length]=e;
				}
			}*/
		}
		return tias;
	}
})();

関連記事

« Flint Particle System メモ | ホーム | Objectブロック »

TB*URL

| ホーム |

ブログ内検索

動作環境

問題点

使い方

参考文献

おすすめ

更新履歴

ソース