TinyEditorはシンプルで使いやすいHTML WYSIWYGエディタです

小さなエディター

数日前、国産の XHTML エディタを紹介しました。今日は、有名な海外の Web デザインブログleigeber.comがリリースしたばかりのシンプルで使いやすい HTML WYSIWYG エディタ、TinyEditor をお勧めしたいと思います。

TinyEditorには以下の機能があります

これは Javascript で記述されており、他のライブラリに依存しません。
これは軽量エディタで、呼び出されるファイルはわずか8kbです
ほとんどの HTML フォーマットのニーズに対応でき、生成されたマークアップを可能な限り簡潔に保つ機能が組み込まれています。
エディターで使用される小さなアイコンは、CSS スプライトテクノロジを使用して http 接続の数を減らします。
主要ブラウザでテスト済み
クリエイティブコモンズライセンスの下で個人または商用プロジェクトで使用できます

使い方は次のとおりです:

WebページファイルでTinyEditorが提供するjsファイルとcssファイルを参照します。
次のように、エディタに必要なタグをWebページファイル（実際にはテキストエリア）に追加します。
```
 <テキストエリアid = "input"スタイル= "幅:400px; 高さ:200px" >< /テキストエリア>
```
テキストエリアで定義された長さと幅はエディターのサイズであることに注意してください。

スクリプトを使用してエディターを初期化し、次のようにさまざまなパラメータを構成します。

新しいTINY. editor . edit ( 'editor' , {
	id : '入力' 、 
// (必須) 上記の手順 2 で定義したテキストエリアの ID
	幅: 584 , 
// (オプション) エディターの幅
	身長: 175 ,
 // (オプション) エディターの高さ
	cssクラス: 'te' 、
 // (オプション) CSS を通じてスタイルを制御するために使用されるエディターのクラス
	コントロールクラス: 'tecontrol' 、
 // (オプション) エディター ボタンのクラス
	行クラス: 'teheader' 、
 // (オプション) エディター ボタン行のクラス
	区切り線クラス: 'tedivider' 、 
// (オプション) エディターボタン間の境界線のスタイル
	コントロール： 「イタリック」 、 「 StrikeThrough 」 、 「 Superscript 」 、 「 OrderedList 」 、 「 Undert 」 、 「 Indent 」 undo ' 、 ' redo ' 、 ' n ' 、 ' font ' 、 ' style ' | ' 、 ' hr ' 、 ' link ' 、 ' | ' 、 ' copy ' 、 ' print ' ]
 // (必須) 必要に応じてボタン コントロールをエディターに追加します。ここで、'|' は機能ボタン間の垂直の境界線を表し、'n' はボタン行間の境界線を表します。
	フッター: true 、 
// (オプション) エディターの下部を表示するかどうか
	フォント: [ 'Verdana' 、 'Arial' 、 'Georgia' 、 'Trebuchet MS' ] 、  
// (オプション) エディターで選択できるフォント
	xhtml :真、 
// (オプション) エディターが xhtml タグを生成するか html タグを生成するか
	cssファイル: 'style.css' 、 
// (オプション) エディターに添付する外部 CSS ファイル
	コンテンツ: '開始コンテンツ' 、 
// (オプション) エディターの編集領域の初期コンテンツを設定します
	css : 'body{background-color:#ccc}' 、
 // (オプション) エディターの編集領域の背景を設定する
	bodyid : 'エディター' 、 
// (オプション) 編集エリアIDを設定する
	フッタークラス: 'tefooter' 、 
// (オプション) エディターの下部クラスを設定する
	トグル: {テキスト: 'ソースコード' 、アクティブテキスト: '視覚化' 、 cssclass : 'トグル' } 、
 // (オプション) ソースコード参照スイッチテキストとスイッチボタンクラスを設定します
	サイズ変更: { cssclass : 'resize' } 
// (オプション) エディターのサイズ変更ボタンのクラスを設定する
} ) ;