Windows system >> Windowsの知識 >  >> Linuxシステムチュートリアル >> Linuxについて >> LinuxのウェブエディタのCKEditorバージョンを使用する方法

LinuxのウェブエディタのCKEditorバージョンを使用する方法

  
                

CKEditorバージョンは、一般的にはFCKeditorと呼ばれ、それが優れたウェブエディタで、LinuxのウェブエディタのCKEditorバージョンの下にそれを使用する方法を、より多くの人々が使用して、様々なプログラミング言語をサポートすることができますか?小扁はCKEditorバージョンを使用してLinuxでの方法についてあなたを与えました。

まず、使用:

1は、導入されたCKEditorバージョンのコアファイルckeditor.js

ページ "ヘッド"「スクリプトタイプ=&'で;テキスト/javascriptの&'を; SRC =' CKEditorバージョン/ckeditor.js' "" /スクリプト "

2、" テキストエリア "エディタの挿入HTMLコントロールの使用

" テキストエリアのID =' TextArea1&'を。 COLS =' 20'行=' 2'クラス=' CKEditorバージョン' "" /TEXTAREA "

ASP.NET環境は、また、サーバ側制御することができる場合は、" テキストボックス「

"ASP:テキストボックスID =' tbContent'にrunat ='サーバー' TEXTMODE ='複数行の'クラス=' CKEditorバージョン'" "/ASP:TextBoxの"

注プラスコントロールクラス=' CKEditorバージョン'.

3、対応する制御コード

置き換えるエディタ "スクリプトタイプ=&'と、テキスト/javascriptの'"

CKEDITOR.replace(‘ TextArea1’)。

//それは、サーバー側で使用されている場合は

CKEDITOR.replace ASP.NET環境 "テキストボックス" を制御します(‘ tbContent’);

//"であればテキストボックス "

CKEDITOR.replace
書き込むためのマスターページ上のコントロール、(‘" を%= tbContent.ClientID.Replace(' _',' $')%「’);

"/スクリプト"

4、コンフィギュレーションエディタ

CKEditorバージョンはCKEditorバージョン/config.jsのファイルに集中して配置され、以下では、いくつかの一般的な設定パラメータは、次のとおりです。< BR>

//インターフェース言語、デフォルトは‘エン’

config.language =‘幅と高さ

を設定しZH-CN’;

//config.width = 400;

config.height = 400;

//エディタのスタイル、そこに3です:‘カーマ’(デフォルト)、‘ Office2003など&RSQ UO;,‘ V2’

config.skin =‘ V2’;

//背景色

config.uiColor =‘#FFF’;

//ツールバー(基本‘基本’、全能‘完全’、カスタム)プラグイン/ツールバー/plugin.js

config.toolbar =‘基本’;

config.toolbar =‘完全’;

これが収まる:

config.toolbar_Full = [

[‘ソース’、‘ - ’、 ‘保存’、‘ NEWPAGE’、‘プレビュー’、‘ - ’、‘テンプレート’]、

[‘カット’、‘コピー’、‘ペースト’,‘ pasteText’,‘ PasteFromWord’,‘ - ’,‘プリント’、‘スペルチェッカー’、‘ Scayt’]、

[‘取り消し’,‘&やり直しrsquo;,&lsquo。 - ’、‘検索’、‘置き換え’、‘ - ’、‘&RのSelectAll squo;,‘ RemoveFormat’]、

[‘フォーム’、‘チェックボックス’、‘ラジオ’、‘テキストフィールド’、‘テキストエリア’、‘選択’、‘ボタン&rsquo。 、&​​lsquo;のImageButton’、‘のHiddenField’]、

‘ /’

[‘&ボールドrsquo;,‘イタリック’,‘下線’,‘ストライク&rsquo。 、&​​lsquo; - ’,‘添字’,‘スーパースクリプト’]、

[‘ NumberedList’,‘ BulletedList’,‘ - ’,‘インデント解除’,‘インデント&rsquo。 、&​​lsquo; BLOCKQUOTE’]、

[‘ JustifyLeft’,‘ JustifyCenter’,‘ JustifyRight’,‘ JustifyBlock’]、

[‘リンク’,‘リンク解除’、‘アンカー’]、

[‘イメージ’、‘フラッシュ’、‘テーブル’、‘ Horizo​​ntalR ULE’,‘スマイリー’,‘ SpecialChar’,‘改ページ’]、

‘ /’

[‘スタイル’,‘フォーマット’,&lsquo。フォント’,‘のFontSize’]、

[‘ TEXTCOLOR’,‘ BGCOLOR’]

];

//ツールバーを縮小することができるかどうかを

config.toolbarCanCollapse = TRUE;

//ツールバーの位置

config.toolbarLocation =‘上部’; //オプション:底

/

真= config.toolbarStartupExpanded
続行するかどうか、デフォルトで/ツールバー;

//キャンセル'サイズ&'を変更するには、ドラッグ、機能プラグイン/リサイズ/plugin.js

= FALSE config.resize_enabled;

//最大高

config.resize_maxHeight = 3000のサイズを変更する。

//最大幅

のサイズを変更しますconfig.resize_maxWidth = 3000;

//最小高さ

config.resize_minのサイズを変更します高さ= 250;

//最小幅
のサイズを変更する

config.resize_minWidth = 750;

//するかどうかを自動的に、このエディタを使用してフォームを送信する場合要素内
更新データ

config.autoUpdateElement = TRUE;

//設定が絶対的または相対的ディレクトリのディレクトリを使用することで、ディレクトリが空である比較的

config.baseHref =‘’

//エディタz屈折率値

config.baseFloatZIndex = 10000;

//設定ショートカットキー1234直前
合計4

Copyright © Windowsの知識 All Rights Reserved