今日、オンラインエディターはASP環境にアップロードされましたが、無効でした。私はこの紹介を見つける前に、私はそれを参照することができます。 FCKEDITORは、さまざまなサーバーのスクリプト言語をサポートしています。
ASPシステムの場合:
fckeditorルートディレクトリ、fckeditor.asp、fckconfig.js、fckeditor.js、fckpackager.xml、fckstyles.xml、fckstyles.xmlのみを保持します。
fcktemplates.xmlファイルとエディターディレクトリ。サンプルディレクトリ_samplesを削除します。
FCKEDITOR/EDITOR/FILEMANAGER/CONNECTORSディレクトリの下でASPディレクトリのみが保持され、その他のディレクトリとファイルが削除されます。
(2)ファイルのアップロードに使用されるスクリプトプログラム(言語)を変更します。
デフォルトのFCKEDITORファイルアップロードプログラムは、ASPシステムで使用されている場合、変更する必要はありません。
PHPシステムで使用されている場合は、次の変更を行い、fckconfig.jsを開く必要があります
現れる:
var _filebrowserlang ge = asp
var _quickuploadlang ge = asp
変更:
var _filebrowserlang ge = php
var _ quickuploadlang ge = php
(3)ファイルのアップロードをオンにし、ファイルアップロードディレクトリを変更します。
ASPシステムの場合:
fckeditor/editor/filemanager/connectors/asp/config.aspを開きます
ファイルのアップロードを有効にします:
現れる:
configiseNabled = false
変更:
configiseNabled = tr
アップロードおよびストレージディレクトリを設定します。
現れる:
configuserfilespath =/admin/uppic/
変更:
configuserfilespath =カスタムパス
PHPシステムの場合:
fckeditor/editor/filemanager/browser/default/connectors/php/config.phpを開きます
ファイルのアップロードを有効にします:
現れる:
$ config [enabled] = false
変更:
$ config [enabled] = tr
アップロードおよびストレージディレクトリを設定します。
現れる:
$ config [userfilespath] = /userfiles /
変更:
$ config [userfilespath] =カスタムパス
(4)アップロードされたファイルネーミングメソッドを変更します。
FCKEDITORファイルをアップロードすると、ファイル名は元のファイル名(名前など)を使用する場合は、次のように変更できます。
四角:
ASPシステムの場合:
fckeditor/sample/edit/edit/edit/edit/filemanager/connectors/asp/commands.aspを開きます
現れる:
sfilename = sanitizefilename(sfilename)
この文をカスタムファイルのネーミング形式に変更します。たとえば
dim rndstr
ランダム化
rndstr = cstr(fix(9000*rnd()+1000))乱数が生成されます
sfilename = year(date)&month(date)&day(time)&minute(time)&rndstr&&&
**張力
PHPシステムの場合:
fckeditor/editor/editor/filemanager/connectors/php/commands.phpを開きます
現れる:
$ SORIGINALFILENAME = $ SFILENAME;
この文の前に含まれています:
//シードを初期化します
$ sstr = split(、microtime()、5);
$ seed = $ str [0]*10000;
//シードを使用して乱数ジェネレーターを初期化します
srand($ seed);
//指定された範囲内で乱数を生成します
$ random = rand(1000,10000);
//ファイル名をすぐに合成します
$ sfileName = date(ymdhis、time())。$ random ... $ ** tension;
(5)FCKEDITORがプログラムで参照される方法。
ASPシステムの場合:
次のヘッダーファイルを含める必要があります
<! - #file = fckeditor/fckeditor.asp>
次のコードをエディターの場所に追加します。
<%
dim ofckeditor
ofckeditor = new fckeditorをセット
ofckeditor.basepath = / fckeditor /このパスは、サイトのルートディレクトリに関連している必要があります
表示されません
ofckeditor.toolbarset = default
ofckeditor.width = 98%
ofckeditor.height = 500px
ofckeditor.val =デフォルト値を設定します
ofckeditor.create shangpin_descriptionエディターのIDは、入力タグの名前属性値と同等です。
shangpin_description
%>
PHPの場合:
次のコードをエディターの場所に追加します。
<?php
inlo?(fckeditor/fckeditor.php);
$ ofckeditor = new fckeditor(shangpin_description);
名前属性値、Shangpin_descriptionです
$ ofckeditor-> basepath =/fckeditor/// fckeditorパスを設定します
$ ofckeditor-> toolbarset = default;
$ ofckeditor-> width = 98%;
$ ofckeditor-> height = 500px;
$ ofckeditor-> val =;
$ ofckeditor-> create();
?>
(6)FCKEDITORでデータを取得します。
サーバー側のスクリプトプログラムの場合、エディターのIDを入力タグの名前属性値として使用するだけです。
ASPのreq st(shangpin_description)、$ _req st [shangpin_description] in php
fckeditorapi.getInstance(shangpin_description).getxhtml(tr)をJSで使用して、shangpin_descriptionの対応する値を取得します
ckeditorのASP構成
長い間オンラインで検索した後、私はついにそれを見つけました! o(∩_∩)o haha〜
1。使用方法:
1.ページにckeditorコアファイルckeditor.jsを紹介します<head>
<script type = text/javascript src = ckeditor/ckeditor.js> </script>
2。HTMLコントロール<TextArea>を挿入するエディターを使用する場所
<textarea id = textarea1 cols = 20 rows = 2 class = ckeditor> </textarea>
ASP.NET環境の場合、サーバー側のコントロール<TextBox>も使用できます。
<asp:textbox id = tbcontent runat = server textmode = multiline class = ckeditor> </asp:textbox>
class = ckeditorがコントロールに追加されることに注意してください。
3.対応するコントロールをエディターコードに置き換えます
<script type = text/javascript>
ckeditor.replace( 'textarea1');
// ASP.NET環境で使用されるサーバー側のコントロール<TextBox>の場合
ckeditor.replace( 'tbcontent');
// <textbox>コントロールがマスターページにある場合は、このように書き込みます
ckeditor.replace( '<%= tbcontent.clientid.replace(_、$)%>');
</script>
4.エディターを構成します
ckeditorの構成は、ckeditor/config.jsファイルに集中しています。
//インターフェイス言語、デフォルト「en」
config.language = 'zh-cn';
//幅と高さを設定します
config.width = 400;
config.height = 400;
//編集者スタイルには、「kama」(デフォルト)、「Office2003」、「V2」の3種類があります。
config.skin = 'v2';
//背景色
config.uicolor = '#fff';
//ツールバー(基本的な「基本」、オールラウンド「フル」、カスタム)プラグイン/ツールバー/プラグイン
config.toolbar = 'basic';
config.toolbar = 'full';
これは次のとおりです。
config.toolbar_full = [
['source'、 ' - '、 'save'、 'newpage'、 'preview'、 ' - '、 'Templates']、
['cut'、 'copy'、 'paste'、 'pasteText'、 'pastefromword'、 ' - '、 'print'、 'spelchecker'、 'scayt']、
['undo'、 'redo'、 ' - '、 'find'、 'find'、 '、' - '、' selectal '、' removerformat ']、
['form'、 'チェックボックス'、「ラジオ '、「テキストフィールド」、「テキストアレア」、「select」、' button '、' imagebutton '、' hiddenfield ']、
'/'、
['bold'、 'italic'、 'underline'、 'strike'、 ' - '、 'subscript'、 'superscript']、
['numberedlist'、 'bulletedList'、 ' - '、 '、' authent '、' indent '、' blockquote ']、
['justifyleft'、 'justifycenter'、 'justifyight'、 'justifyblock']、
['link'、 'link'、 'anchor']、
['image'、 'flash'、 'table'、 'horizontalrule'、 'smiley'、 'specialchar'、 'pagebreak']、
'/'、
[「スタイル」、「フォーマット」、「フォント」、「フォントサイズ」]、
['textcolor'、 'bgcolor']
];
//ツールバーは縮小できますか
config.toolbarcancollapse = true;
//ツールバーの場所
config.toolbarlocation = 'top'; // optional:bottom
//デフォルトでツールバーが拡張されているかどうか
config.toolbarstartupexpanded = true;
// undragドラッグサイズ関数プラグインを変更する/sezize/plugin.js
config.resize_enabled = false;
//サイズの最大高さを変更します
config.resize_maxheight = 3000;
//サイズの最大幅を変更します
config.resize_maxwidth = 3000;
//サイズの最小高さを変更します
config.resize_minheight = 250;
//サイズの最小幅を変更します
config.resize_minwidth = 750;
//このエディターを含むフォームを送信するとき、要素内のデータを自動的に更新することは可能ですか
config.autoupdateElement = true;
//絶対または相対ディレクトリ、空のディレクトリまたは相対ディレクトリを使用するかどうかを設定します
config.basehref = ''
//エディターのz-index値
config.basefloatzindex = 10000;
//ショートカットキーを設定します
config.keystrokes = [
[ckeditor.alt + 121 /*f10* /、 'toolbarfocus']、//フォーカスを取得します
[ckeditor.alt + 122 /*f11* /、 'elementspathfocus']、// elementsfocus
[ckeditor.shift + 121 /*f10* /、 'contextmenu']、//テキストメニュー
[ckeditor.ctrl + 90 /*z* /、 'undo']、// revoke
[ckeditor.ctrl + 89 /*y* /、 'redo']、// redo
[ckeditor.ctrl + ckeditor.shift + 90 /*z* /、 'redo']、//
[ckeditor.ctrl + 76 /*l* /、 'link']、// link
[ckeditor.ctrl + 66 /*b* /、 'bold']、// bold
[ckeditor.ctrl + 73 /*i* /、 'italic']、// italic
[ckeditor.ctrl + 85 /*u* /、 'underline']、// underline
[ckeditor.alt + 109 /* - * /、 'Toolbarcollapse']
]
//ショートカットキーの設定は、ブラウザショートカットキープラグイン/キーストローク/プラグインと競合する場合があります。
config.blockedkeystrokes = [
ckeditor.ctrl + 66 /*b* /、
ckeditor.ctrl + 73 /*i* /、
ckeditor.ctrl + 85 /*u* /
]
//編集プラグイン/colorButton/plugin.jsの要素の背景色の値を設定します。
config.colorbutton_backstyle = {
要素:「スパン」、
スタイル:{'background-color': '#(color)'}
}
//フォアグラウンドカラー値プラグイン/colorButton/plugin.jsを設定します
config.colorbutton_colors = '000,800000,8B4513,2F4F4F、008080,000080,4B0082,696969、B22222、A52A2A、DAA520、
006400,40E0D0,0000CD、800080,808080、F00、FF8C00、FFD700,008000,0FF、00F、EE82EE、
A9a9a9、ffa07a、ffa500、ffff00,00ff00、afeee、add8e6、dda0dd、d3d3d3、fff0f5、
faebd7、ffffe0、f0fff0、f0ffff、f0f8ff、e6e6fa、fff '
//カラープラグインを選択するときに他のカラーオプションを表示するかどうか/colorButton/plugin.js
config.colorbutton_enablemore = false
//ブロックのフォアグラウンド色のデフォルト値は、プラグイン/colorButton/plugin.jsに設定されています
config.colorbutton_forestele = {
要素:「スパン」、
スタイル:{'color': '#(color)'}
};
//追加するCSSファイルを追加する必要があります。ここに追加すると、Webサイトの相対パスと絶対パスを使用できます。
config.contentscss = './contents.css';
//テキストの方向
config.contentslangdirection = 'rtl';
//構成ファイルを構成したくない場合は、空白のままにしておきます
ckeditor.replace( 'myfiled'、{customconfig: './config.js'});
//インターフェイスの背景色編集ボックスプラグイン/ダイアログ/プラグイン.js
config.dialog_backgroundCoverColor = 'RGB(255、254、253)';
config.dialog_backgroundcovercolor = 'white' //デフォルト
//背景の不透明な値は、0.0と1.0のプラグイン/ダイアログ/プラグインの間にある必要があります。
config.dialog_backgroundcoveropacity = 0.5
//ユニットの吸着距離境界の単位を移動または変更するときのユニット要素:ピクセルプラグイン/ダイアログ/プラグイン
config.dialog_magnetdistance = 20;
//ローカルスペルチェックを拒否し、デフォルトの拒否を拒否するかどうかは現在FirefoxとSafariサポートプラグイン/wysiwygarea/plugin.jsのみです。
config.disableNativespellchecker = true
//テーブル編集関数:行または列の追加は、現在、Plugins/Wysiwygarea/Plugin.jsのFirefoxによってのみサポートされています
config.disableNativeTableHandles = true;
//画像と表の変更機能を有効にするかどうか。
config.disableObjectresizing = false //デフォルトが有効になっています
// HTMLドキュメントタイプを設定します
config.doctype = '<!doctype html public -// w3c // dtd xhtml 1.0 transitional // en;
//編集エリアプラグインをレンダリングするかどうか/編集ブロック/plugin.js
config.editingblock = true;
//エディターでキャリッジリターンによって生成されたタグ
config.entermode = ckeditor.enter_p; //オプション:ckeditor.enter_br.enter_div
// HTMLエンティティを使用してプラグイン/エンティティ/Plugin.jsを出力するかどうか
config.entities = true;
//より多くのエンティティを定義しますプラグイン/エンティティ/プラグイン.js
config.entities_additional = '#39';
//ディスプレイが難しい文字を対応するHTML文字プラグイン/エンティティ/プラグインに変換するかどうか
config.entities_greek = true;
//いくつかのラテン文字をHTMLプラグイン/エンティティ/プラグインに変換するかどうか
config.entities_latin = true;
//このような特殊文字をASCIIキャラクターに変換するかどうか
config.entities_processnumerical = false;
//新しいコンポーネントを追加します
config.extraplugins = 'myplugin'; //デフォルトの例のみ
//検索時にハイライトカラープラグインを使用します/find/plugin.js
config.find_highlight = {
要素:「スパン」、
スタイル:{'background-color': '#ff0'、 'color': '#00f'}
};
//デフォルトのフォント名プラグイン/font/plugin.js
config.font_defaultlabel = 'arial';
//文字セットの編集時に一般的に使用される漢字を追加できます:曲フォント、カイフォント、ボールドフォント、その他のプラグイン/フォント/プラグイン
config.font_names = 'arial; Times New Roman; Verdana';
//テキストプラグインのデフォルトスタイル/font/plugin.js
config.font_style = {
要素:「スパン」、
スタイル:{'font-family': '#(family)'}、
オーバーライド:[{要素: 'font'、属性:{'face':null}}]
};
//デフォルトのフォントサイズプラグイン/font/plugin.js
config.fontsize_defaultlabel = '12px';
//プラグイン/font/plugin.jsを編集するときのフォントサイズオプション
config.fontsize_sizes = '8/8px; 9/9px; 10/10px; 11/11px; 12/12px; 14/14px; 16/16px; 18/18px; 20/20px; 22/22px; 24/24px; 26; /26px; 28/28px; 36/36px; 48/48px; 72/72px '
//フォントサイズを設定するときに使用されるスタイルプラグイン/font/plugin.js
config.fontsize_style = {
要素:「スパン」、
スタイル:{'font-size': '#(size)'}、
オーバーライド:[{要素: 'font'、属性:{'size':null}}]
};
//コンテンツを強制的にコピーしてフォーマットプラグインを削除するかどうか/pasteText/plugin.js
config.forcepasteasplaintext = false //削除されません
//強制&交換するかどうか/htmldataprocessor/plugin.js
config.forcesimpleampersand = false;
//アドレスタグプラグイン/Format/Plugin.jsをフォーマットします
config.format_address = {要素: 'アドレス'、属性:{class: 'styledaddress'}}};
// divタグを自動的にフォーマットしますplugins/format/plugin.js
config.format_div = {要素: 'div'、属性:{class: 'normaldiv'}}};
// H1タグプラグイン/フォーマット/Plugin.jsを自動的にフォーマットします
config.format_h1 = {要素: 'h1'、属性:{class: 'contentTitle1'}}};
// H2タグプラグイン/Format/Plugin.jsを自動的にフォーマットします
config.format_h2 = {要素: 'h2'、属性:{class: 'contentTitle2'}}};
// H3タグプラグイン/フォーマット/Plugin.jsを自動的にフォーマットします
config.format_h1 = {要素: 'h3'、属性:{class: 'contenttitle3'}}};
// H4タグプラグイン/Format/Plugin.jsを自動的にフォーマットします
config.format_h1 = {要素: 'h4'、属性:{class: 'contenttitle4'}}};
// H5タグプラグイン/フォーマット/Plugin.jsを自動的にフォーマットします
config.format_h1 = {要素: 'h5'、属性:{class: 'contenttitle5'}}};
// H6タグプラグイン/フォーマット/Plugin.jsを自動的にフォーマットします
config.format_h1 = {要素: 'h6'、属性:{class: 'contentTitle6'}}};
//自動的にPAGSプラグイン/FORMAT/PLUGIN.JS
config.format_p = {要素: 'p'、属性:{class: 'normalpara'}}};
// PREAGS Plugins/Format/Plugin.jsを自動的にフォーマットします
config.format_pre = {要素: 'pre'、属性:{class: 'code'}}};
//ツールバーにセミコロン分離されたタグ名を使用して、ツールバーにプラグイン/フォーマット/プラグインを表示します
config.format_tags = 'p; h1; h2; h3; h4; h5; h6; pre; address; div';
//完全なHTML編集モードを使用する場合、ソースコードには<html> <body> </body> </html>などのタグが含まれます。
config.fullpage = false;
//段落の空の文字を無視するかどうか
config.ignoreemptyparagraph = true;
// [Picture Properties]ボックスにリンク属性をクリアする場合、[Picture Properties]ボックスのリンク属性をクリアすると同時に、<a>タグプラグイン/画像/plugin.jsを両側にクリアしますか? <a>タグプラグイン/Image/Plugin.js
config.image_removelinkbyemptyurl = true;
//左下隅プラグイン/メニュー/プラグインの階層的ネストに一連のコンマ区切りラベル名が表示されます。
config.menu_groups = 'クリップボード、フォーム、テーブル、テーブル、テーブルカルプロパティ、テーブル、テーブルコラム、テーブル、アンカー、リンク、画像、フラッシュ、チェックボックス、テキストフィールド、隠れたフィールド、イメージボットン、ボタン、select、textarea';
// submenuを表示するときの遅延、ユニット:ms plugins/menu/plugin.js
config.menu_submenudelay = 400;
//新しいコマンドを実行するとき、エディタープラグイン/newPage/Plugin.jsの内容
config.newpage_html = '';
//単語からテキストをコピーするとき、テキストをフォーマットしてプラグイン/pastefromword/plugin.jsを削除するかどうか
config.pastefromwordignorefontface = true;
// <H1> <H2>およびその他のタグを使用して、Word Document Plugins/PasteFromWord/Plugin.jsから貼り付けられたコンテンツを変更または交換するかどうか
config.pastefromwordkeepsStructure = false;
//単語からコンテンツを貼り付けるときに、フォーマットプラグイン/pastefromword/plugin.jsを削除するかどうか
config.pastefromwordRemovestyle = false;
//出力HTMLコンテンツをフォーマットバックグラウンド言語のタイプに従って、デフォルトは空です
config.protectedSource.push(/</?[/s/s]*?/?>/g);
config.protectedsource.push(// g);
config.protectedSource.push(/(]+> [/s |/s]*?<// asp:[^/>]+>)|(]+/// gi); // asp.netコード
//入力時に挿入されたタグ:Shift+Enter
config.shiftentermode = ckeditor.enter_p; //オプション:ckeditor.enter_br.enter_div
//オプションの絵文字代替文字プラグイン/Smimey/Plugin.js。
config.smiley_descriptions = [
':)'、 ':('、 ';)'、 ':d'、 ':/'、 ':p'、
''、 '' '、' '、' '、' ''、 '' '、
''、 ';('、 ''、 ''、 ''、 '' '、
''、 ':キス'、 '' ];
//対応する式写真プラグイン/Smiley/Plugin.js
config.smiley_images = [
'remulal_smile.gif'、 'sad_smile.gif'、 'wink_smile.gif'、 'teeth_smile.gif'、 'confused_smile.gif'、 'tounge_smile.gif'、
'Emparessed_smile.gif'、 'omg_smile.gif'、 'whatchutalkingabout_smile.gif'、 'Angry_smile.gif'、 'angel_smile.gif'、 'shades_smile.gif'、
'Devil_smile.gif'、 'cry_smile.gif'、 'lightbulb.gif'、 'thumbs_down.gif'、 'thumbs_up.gif'、 'heart.gif'、
'broken_heart.gif'、 'kiss.gif'、 'envelope.gif'];
//式プラグインのアドレス/smiley/plugin.js
config.smiley_path = 'プラグイン/スマイリー/画像/';
//ページが読み込まれたら、編集ボックスがすぐにフォーカスを取得しますか?
config.startupfocus = false;
//ロード時にソースコードとwysiwygソースとwysiwygプラグイン/editingblock/plugin.jsを編集する方法。
config.startupmode = 'wysiwyg';
//ロード時に、フレームプラグイン/showblocks/plugin.jsの境界線が表示されますか
config.startupoutlineblocks = false;
//スタイルファイルプラグイン/styleScombo/plugin.jsをロードするかどうか。
config.stylescombo_stylesset = 'default';
//以下はオプションです
config.stylescombo_stylesset = 'mystyles';
config.stylescombo_stylesset = 'mystyles:/editorstyles/styles.js';
config.stylescombo_stylesset = 'mystyles:http://www.example.com/editorstyles/styles.js';
//開始インデックス値
config.tabindex = 0;
//ユーザーと入力されたタブ、エディターが渡すスペースの数、()値が0の場合、編集ボックスプラグイン/タブ/プラグインから焦点が移動されます。
config.tabspaces = 0;
//デフォルトのテンプレートプラグイン/テンプレート/Plugin.jsが使用されます。
config.templates = 'default';
// CommaSeparated Templateファイルプラグイン/テンプレート/Plugin.js。
config.templates_files = ['プラグイン/テンプレート/テンプレート/default.js']
//テンプレートを使用する場合、編集コンテンツがプラグイン/テンプレート/プラグイン用に選択されています
config.templates_replaceContent = true;
//テーマ
config.theme = 'default';
// rebokedレコードステッププラグイン/undo/plugin.js
config.undostacksize = 20;
// ckfinderをCkeditorに統合すると、ckfinderのパス選択が正しくなければならないことに注意してください。
//ckfinder.setupckeditor(null、 '/ckfinder/');