この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

Architect_Programmer_Code農業ネットワーク»建築家 › プログラミング › .Net/C# › asp.net テキストエディタ(FCKeditor)
眺める： 16066|答える： 0

[ASP.NET] asp.net テキストエディタ(FCKeditor)

[リンクをコピー]
掲載地 2015/04/17 13:35:50 | | |

FCKeditorの紹介
FCKeditorはWYSIWYG機能をサポートする強力なテキストエディタであり、Microsoft Officeソフトウェアのようなオンライン文書編集サービスをユーザーに提供できます。 クライアントインストールは不要で、ほとんどの主流ブラウザと互換性があり、ASP.Net、ASP、ColdFusion、PHP、Java、Active-FoxPro、Lasso、Perl、ythonなどのプログラミング環境をサポートしています。

公式ウェブサイト http://www.fckeditor.net/

公式文書 http://wiki.fckeditor.net/

住所をダウンロード http://www.fckeditor.net/download/default.html

      実際、異なるバージョンのFCKeditorの設定プロセスは基本的に似ており、ここでは最新の2.63を例に挙げて導入します。


FCKeditorのインストールと設定
http://www.fckeditor.net には、FCKeditor2.63.zipとバージョン2.63用の2つのzipパッケージ FCKeditor.NET ダウンロードしてください

(a) FCKeditor_2.6.3はtファイルや画像を含まない最新のJavascripです。

(b) FCKeditor.Net_2.6.3.zipは ASP.NET 制御のDLLファイルです。

解凍してFCKeditorのコアファイルを取得し、ウェブプロジェクトのルートディレクトリにコピーしてください(もちろん推奨されていますが、どこにでも置けます)。 それからジッパーを開けて、 .NETのサポートソースコードです。Enterは、Releaseのbinの下にFCKeditor DLLがあります(ここにdebugフォルダもあります。releaseの使用が推奨されています)。プロジェクト内でそれへの参照を追加する必要があります。

1. プロジェクトブラウザを右クリックし、「参照を追加...」を選択します。 ブラウズタブを見つけて、解凍したFredCK.FCKeditorV2.dllを見つけて確認してください。 現在、FCKProプロジェクトディレクトリに追加のbinフォルダがあり、FredCK.FCKeditorV2.dllファイルが含まれています。

2. RAD開発を円滑にするために、VS ToolboxにFCKeditorコントロールを追加し、ツールボックスの共通タブグループ(General)を展開し、右クリックでコンポーネントを選択します(Choose Items...) ダイアログボックスのブラウズボタンを直接見つけ、FredCK.FCKeditorV2.dllを見つけて確認してください。

3. WebConfigを設定し、ノードに追加します<appSettings>。以下のように:
  1. <appSettings>
  2.         <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
  3.         <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />        
  4.     </appSettings>
コードをコピーします


注:「/Web/」はプロジェクト名です。

BasePath:fckeditorは、FCKeditorフォルダ全体が入っているディレクトリです。

UserFilesPath:ファイルや画像などのアップロードパスです。

      下記の詳細設定の最初の項目を完了したら、FCKeditorのコントロールを使えます。 このツールをより良くデバッグし、実際のニーズに合わせるためには、そのプロパティの設定を変更する必要があります。

FCKeditorの詳細設定
FCKeditorフォルダに行き、fckconfigファイルを編集してください。 実際、リストは比較的明確で、文章も標準化されており、注釈もありますが、少し英語がわかれば理解でき、操作も非常に便利です。 ここでは、よく使われるいくつかの設定を小さな例として挙げます。

1. このステップは必須であり、最も重要なステップであり、不可欠なものです。

もともとは：

var _FileBrowserLanguage = 'php' ; ASP | ASPX | CFM | ラッソ | Perl | PHP | ピ

var _QuickUploadLanguage = 'php' ; ASP | ASPX | CFM | ラッソ | PHP

変更内容:

var _FileBrowserLanguage = 『aspx』; ASP | ASPX | CFM | ラッソ | Perl | PHP | ピ

var _QuickUploadLanguage = 「aspx」 ; ASP | ASPX | CFM | ラッソ | PHP

2. 言語パックの設定。 英語、中国語、繁体字などがありますが、ここでは簡体字を使います。

もともとは：

FCKConfig.DefaultLanguage = 'en' ;

変更内容:

FCKConfig.DefaultLanguage = 'zh-cn' ;

3. 皮膚の設定。 default、office2003、silver styleなどがありますが、ここではデフォルトを使うことができます。

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;

4. エディタードメインでTabキーを使えます。 (1はイエス、0はノー)

FCKConfig.TabSpaces = 0 ; FCKConfig.TabSpaces = 1;

5. 私たちが一般的に使うフォントのいくつかの方法を追加する。例えば:

改める

FCKConfig.FontNames = 'Arial; コミック・サンズ MS; クーリエ・ニュー; タホマ; タイムズ・ニュー・ローマン; ヴェルダナ;

変更内容:

FCKConfig.FontNames = 'Song Style; 黒い身体; 書記書体; 斜体_GB2312; アリアル; コミック・サンズ MS; クーリエ・ニュー; タホマ; タイムズ・ニュー・ローマン; ヴェルダナ

6. エディタードメインのデフォルト表示フォントは12pxで、変更したい場合はスタイルシートを要件に合わせて変更し、/editor/css/fck_editorarea.cssを開き、font-size属性を変更できます。 例えば、フォントサイズ:14px;

7. 安全について。

もしあなたのエディターがウェブサイトのフロントエンドで使われているなら、セキュリティを考慮しなければなりません。前景のデフォルトのツールバーは使わないでください。機能をカスタマイズするか、システムが定義したBasic、つまり基本的なツールバーを使うかのどちらかです。

FCKConfig.ToolbarSets["Basic"] = [
[太字、斜体、 "-"、 "orderedList"、 "UnorderedList", "-", "Link", "Unlink" , "Image", "-", "About" ]
] ;

実際、自分のニーズに合わせて設定でき、機能はより強力で選択肢が増え、確実にあなたのニーズに応えてくれます。

もちろん、WebConfigの設定も可能で、セキュリティを確保することは後回説明します。

FCKEditor 2.6の問題点:
1. FCKeditorの「Please check the editor/filemanager/connectors/aspx/config.aspx」エラーの解決策

editor/filemanager/connectors/aspx/config.ascxを開いてCheckAuthentication()メソッドを修正し、trueを返します   
  1. private bool CheckAuthentication()
  2. {
  3.         return true;
  4. }
コードをコピーします



2. アップロードファイルウィンドウで「サーバーをブラウズ」をクリックすると、サーバーが適切なXMLを返送していません..... エラーメッセージです。なぜなら、後のバージョンのFCKEditorでは、ファイル、画像、ファルシュ、メディアなど、異なる種類のファイルを異なるディレクトリに送ることが必要であり、まずそれらを確立しなければならないためです。


FCKeditorは洗練されています
FCKeditorフォルダに行き、「_」で始まるすべてのファイルやフォルダを削除してください。例を挙げます。editorフォルダ、fckconfig、fckeditor、fckstyles.xml、fcktemplates.xmlをそのまま残してください。

エディターフォルダに行き、「_source」フォルダを削除し、ソースファイルをそこに入れます。

前のディレクトリのファイルマネージャーフォルダに戻ると、ブラウザとアップロードの2つのフォルダがあります。 ブラウザの「デフォルト」コネクターに行き、aspxフォルダだけを残し、残りを削除してください。 MCPUKディレクトリは削除も可能です。 アップロードは同じで、ASPXフォルダだけが保持されます。

エディターに戻って画像フォルダに入り、絵文字アイコンにスマイリーを入れます。シリーズは2つあります。msnとfunです。自分の絵文字を使いたい場合は全部削除できます。 ここで絵文字アイコンを使いたいなら、削除しないでください。

langは言語パッケージに含まれており、中国語簡体字のみを使う場合はfcklanguagemanagerとzh-cnの2つのファイルだけを保持してください。英語のenとzh(中国繁体字)の2つのファイルは保持することが推奨されます。fcklanguagemanagerは言語設定ファイルであり、fckconfigの設定とペアリングできます。対応する言語ファイルに対応していますが、必ず保持してください!

次にlangフォルダを終了し、skinsフォルダに入ります。FCKeditorのデフォルトのクリームイエローを使いたい場合は、デフォルトのフォルダ以外の他の2つのフォルダは直接削除します。他のフォルダを使いたい場合は、あなたの好みによります。

エディタ付きのパッケージ asp.net: ckeditor_aspnet_3.6.6.2.zip (1.32 MB, ダウンロード数: 0, 販売価格: 2 グレインMB)




先の：アンチSQL注入の ASP.NET
次に：CkeditorおよびCkfinder統合画像アップロード機能(.NET版)

関連記事
免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com