Tuesday, February 8, 2011 4:56:21 PM
テキスト、めも、データを使いやすく、利用するために、
ブロックごとに表示して、編集できるようにしたいのだが、そのブロックを、どういう形式にするのがいいのだろう?
<span>タグでひとつのデータブロックを区切るつもりだったのだが、</span>
<Pre> テキスト形式のブロック記号を使うといろいろ制約があるらしいのだが、改行を操作しなくていいのは魅力がある。
タグにID=Name の形式でコントロールするのが推奨されているらしい。
ブロックのタグは、<Pre>を使うことにしよう。
Thursday, January 27, 2011 5:52:01 AM
コピーして、ウエッブページを開いてください。
a 表示される、テキストエリアに、コピー&ペーストすると、
b、ストレージエリアに保存します。
c、データブロックマーク、「.***」で区切った<Per>タグ要素です
D、「example_2.html <P. 見出し行 読み出し 読み出し右窓表示」このリンクをクリックすると
別ページに、すべての、ピリオドで始まる、一行を読み出し表示します。
現在は、ここまで、です。
Read more...
Monday, January 24, 2011 5:26:28 PM
リリースする、ブラウザエディター v。000_01 のことを書きます。
使い方として、
a、まず、保存と表示を確実にするために、記録データは、メモ帳でテキストファイルにする。
それを読み込み、表示する。(つまり、テキストファイルの表示だけ)
実現する機能はつぎの 3点。
1、テキストエリアに貼り付けた文字列を読み込み。表示する。
2、ピリオドから始まる行を見出しとして、抽出、別窓表示する。
3、 タイムスタンプがほしいので、ファンクションキーで文字列入力できるようにする。
うれしいぃぃ ッ~~ v(=^_^;)
Wednesday, January 5, 2011 3:46:50 AM
JavaScriptのライブラリーの調査、なにを使うか? データ保存ができるか?
まず、>jQuery 開発者向けメモ を検分
http : //www.mikage.to/jquery/
Tuesday, January 4, 2011 5:15:06 PM
入力フォームのワクを消して、エディターの感じを出したいが、それよりも、
文書の保存の方法が、そろそろ、必要になってくる。
メールto をつかうなど、アイデアあるのだが、簡単な方法があったら、教えてください。
<html>
<head>
<title> Div のチャイルド、 タグノードを取り、</title>
<br><h>このプログラムは、<br>
a、 フォーム入力、文字列を <br>
<br>
==イコール クリックで 、<br>
<br>
b、 ラストチャイルトに <span>と文字列を挿入する。<br>
<br>
<br> テスト成功・2011年1月5日(水)・1月 5日 1:57
<br>
</h>
</head>
========================== <br>
<BODY>
<div id="sample">
<span>1 一行<br></span>
<span>2 おつぎ<br></span>
<span>3さんほお<br></span>
<span>4ほうお<br></span>
<span>5うぃ~~~<br></span>
</div>
=========================== <br>
<script type="text/javascript">
</script>
<form name="F1" action="#">
<input type="text" name="T1">
<input type="button" value="=" onclick="func()">
<input type="text" name="T3">
</form>
=========================== <br>
=========================== <br>
</body>
</html>
Wednesday, December 29, 2010 3:54:33 PM
画面を分けないで、一枚のウインドーで、文字列書き込みはできるようだ。
検索や、文字列置き換え、などは、小ウィンドーを使う。
<html>
<head>
<title> DOM innerHTMLでのデータRe/Wr テスト</title>
<h>DOM スパン要素を一行として、データ取り、書き込みテスト
<br>
<br> 用意してある<Span>操作文字 </Span>タグに
<br> 「loop で書き込み」+ 素データ >書き戻し成功
<br>
<br> あとは、スパンタグを追加すると、エディターの基本はできる
<br>
<br><br> 2011年1月3日(月)
</h>
</head>
==========================
<body>
<div>
<H1> スパン要素を一行として、データ取り、書き込みテスト <br></H1>
<p> DOMテスト </p>
</div>
<span id=end> </span><====ここ?End<br>
<span>aa </span><=1<br>
<span>bb </span><=2<br>
<span>cc </span><=3<br>
<span>dd </span><=4<br>
<span>ee </span><=5<br>
<span>ff </span><=6<br>
<span>xyz </span><=7<br>
========================= <br>
<script type="text/javascript">
document.getElementById("end").innerHTML=" 挿入TXTべた ";
var s_tr="",tagName="SPAN";
document.write( "Test 開始 " );
var node_List=document.getElementsByTagName(tagName);
document.write( node_List.length +"= =node_List.length <br>+" );
for(var i in node_List){
document.write( node_List[i].innerHTML+"= =Loop 読み出し <br>+" );
s_tr=node_List[i].innerHTML;
node_List[i].innerHTML="loop で書き込み"+s_tr;
}
</script>
</body>
</html>
Tuesday, December 28, 2010 2:19:21 AM
エディター自作, ジャバ, スクリプト
おっ! #アクションで 読み込んだ ドキュメント。名。エレメント。バリュー が、
URLに出力される。!!
インプット >テスト >>~~file_21.html?T1=%83e%83X%83g#
>test_input >>~~file__21.html?T1=test_input#
どこかで、URLを読み込むコマンドがあったと、覚えている。これを使えば、入力したデータをCGIやメールを使わずに
読み込める!! すごい発見だ。
2010年12月29日(水)12月 29日 1:18 ああ、眠たい。
Read more...
Monday, December 13, 2010 2:55:49 AM
早速試してみます。??ぷれびゅーがうまくうごかないので、実行してみます。
<title> テスト </title>
<コード>タグで囲んで、「コード」タグを使ったら、タイトルが表示できました。
今度は、エラーなしで実行できました。
プレビュー機能は、チェックが厳しいのでしょうか?
Sunday, December 12, 2010 5:31:33 PM
どうも、編集したページを保存する方法は、この、パート2に書いてないようだなぁ
文字列を加えたり、タグを加えて、
Html 機能を利用した編集ができる。のが、カスタムコマンドらしい。
この、コマンドの使い方を理解したら、編集ファイルの、保存も実装できるといいのだが。
カスタムコマンドで、Htlm タグを使えるように埋め込む
A custom command カスタムコマンドを使う
Until now, all modifications of the HTML have been done through the built-in commands.
ここまでは、内蔵コマンドを使って編集をした。
But sometimes you might need to change HTML in a way not supported by any built-in command.
しかし、それ以上の編集をするために、
In that case we have to dive into the DOM and Range APIs.
DOM や、範囲の APIをつかう。
As an example, we will create a command that inserts some custom HTML at the insertion point. れいをしめす。つくるコマンドは、カーソルポイントに、「Hellow World」という文字列を
挿入できる。
To keep it simple, we just insert a span with the text “Hello World”.
The approach can be easily extended to insert any HTML you like.
この方法は、簡単に拡張して、各種のHTMLタグを 挿入することができる。
The command looks like this:
それはこのようになる:
<Code>
function HelloWorldCommand() {
this.execute = function() {
var elem = editWindow.document.createElement("SPAN");
<スパン>エレメントを生成
エディトウインド、SPANタグの位置(ノード?)を、Elemに代入
elem.style.backgroundColor = "red";
elem.innerHTML = "Hello world!"; <書き込み?
overwriteWithNode(elem); ノードを保存、
}
this.queryState = function() {
return false;
? なんでかな、フェールをかえす?
}
}
</Code>
this.execute = function() これが、ブラウザに、返値か?
Friday, December 10, 2010 5:22:37 PM
Toolbar
ツールバー
ツールバーにはボタンをつけて、内部コマンドをよびだす。
ツーバーに使うボタン、タグは、同じ外形にそろえて、ファンクションを呼ぶ、形式に統一する。
ボタンを押す、入力があったら、処理を実行する。内部コマンドを使うので、呼び出せば操作が実現する。
We will start with a simple control: a ???bold??? button, which formats the current selection as bold. We also want the button to track state in the document???when the insertion point or selection is inside bold-formatted text, the button should be highlighted.
ボタンの機能は、シンプルで、<p>タグのあとに、書体、や 貼り付け位置、のコントロールを付加、して、入力されたテキスト文字列を、保存する。
一行エディタが終了したら、</p>を付加する。
ボタンを(be highlighted.)強調表示することで、その一行エディタの状態を表示します。
****
入力されるコマンドの焦点が、テキストと一致するために、DOMリンクをたどって、
マーカーを書き込み、管理する必要がある。
<Span>スパンタグが、1行エディターのカスタムタグで、マーカーとは、<スパン>タグのことらしい
<p><Span>
</Span></p> というように<P>タグで包む
***
How do we check if the selection is inside a link,
ボタン関数を並べて、呼び出しボタンの処理をします。ボタンが押されるとDOMのファンクション
(utility function—getContaining, )を、 DOMツリーの現在位置から、順にチェックして、処理する。
見つからない場合ははじめに戻る
ボタンが選択されている場合、その状態で、文字列を編集します。(左寄せ、右寄せなど、フォント)
then By creating a utility function ???getContaining, which walks upwards in the DOM tree from the current selection until it finds an element of the type we are asking it to seek (it returns none if no matching element is found). We use it to check for a containing a. If the selection is contained inside an a element, we are inside a link.
(for a containing a. とは、<A>タグを、付加するのかな? 先を読んでみないと??)