kindSoftオンラインウェブエディタの簡単な配置パラメータを紹介します。


ウェブエディタはプロジェクトをする時に非常にまた使うエディタに対して、開発者の負担を大幅に軽減しました。KindSoftはいい選択だと思います。以下で簡単な構成をまとめます。まずダウンロードしたKindSoftファイルをプロジェクトのディレクトリに導入します。

<script src="../Content/kindeditor-4.1.4/kindeditor-all.js" type="text/javascript"></script>
<script src="../Content/kindeditor-4.1.4/lang/zh_CN.js" type="text/javascript"></script>
この二つはxx.aspxファイルのヘッド部分を引用して次のコードを挿入します。

<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('#tbContent');
});
</script>
tbContotは埋め込むInputタグのID値です。へへへ、サプライズがあります。下の図のように: しかし、画像、フラッシュまたはビデオのアップロードを行うと、あなたは非常に憂鬱になります。アップロードのパスが間違っていますので、あなたはあなたの写真、フラッシュまたはビデオファイルのパスを設定する必要があります。上のコードを下の部分に変更するだけで、基本的な需要を満たすことができます。
 
<script language="javascript" type="text/javascript">
KindEditor.ready(function (K) {
K.create('#tbContent', {
uploadJson: '../Content/kindeditor-4.1.4/asp.net/upload_json.ashx',
fileManagerJson: '../Content/kindeditor-4.1.4/asp.net/file_manager_json.ashx',
allowFileManager: true
});
});
上のマーク色の部分は自分のファイルパスに基づいて適切なパスを選択します。最後に、エディタのコントロールに関しては、自分が必要としていないので、以下のような経路で構成する必要があります。kideditor-42.1.4を展開し、kidetor.jsファイルを見つけたら、ダブルクリックして行って、246ページぐらいでItemsがあります。その後、次のような構成パラメータがあります。
 
[
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
'anchor', 'link', 'unlink', '|', 'about'
]
パラメータの説明は以下の通りです。
source
HTMLコード
preview
プレビュー
undo
後へ下がる
redo
前へ進む
cut
切り取り
copy
コピー
paste
貼り付け
plinpaste
書式レステキストとして貼り付け
ワードパス
Wordから貼り付け
selectall
すべて選択
justifleft
左揃え
just ifycenter
中央にある
just ifyright
右揃え
justifyfull
両端揃え
insertorderledist
番号付け
insertunder edlist
箇条書き
indent
インデントを増やす
out dent
インデントを減らす
subscript
下付き文字
スーパースクリプト
上付き文字
フォーマットブロック
段落
fontname
フォント
fontsize
テキストのサイズ
forecolor
テキストの色
hiliecolor
テキストの背景
bold
太字
italic
イタリック体
アンダーライン
下線を引く
strikeethrough
線を削除
removeformat
書式を削除
イメージ
画像
flash
Flash
メディア
音声を見る
テーブル
テーブル
hr。
横線を挿入
eoticons
表情を挿入
link
ハイパーリンク
unlink
ハイパーリンクをキャンセル
フルコース
フルスクリーン表示
about
について
print
印刷
コード
プログラムコードを挿入
map
グーグルマップ
baidumap
Baiduの地図
ラインナップ
行間
clear.
HTMLコードを整理する
Pagebreak
改ページを挿入する
quickformat
ワンキーレイアウト
insertfile
ファイルを挿入
template
テンプレートを挿入
アンチョー
アンカーを挿入