Modxビジュアルエディター。 TinyMCEエディターのインストール。 ファイルマネージャーKCFinderを備えたフレンドリーなCKEditor

MODX Revolutionの最も人気のあるアドオンの1つは、 ビジュアルエディター TinyMCE。

Vonoとzrozumiloは、コンテンツ用の優れたリッチテキストエディタがなくてもサイトで実行できることはめったにありません。

この記事は、TinyMCEエディターのセットアップがインストールされていることを示しています。

インストール済み

インストールするには、リポジトリ（http://modx.com/extras/package/TinyMCE）からパッケージをダウンロードし、サイトの「パッケージング」ディストリビューションからインストールする必要があります。

パッケージをインストールしたら、すぐに編集用のリソースを開いて、エディターが表示されたら再検討できます。

これで、新しいテキストで書き始めることができます。より快適に書くために、エディターを変更することをお勧めします。

TinyMCEのカスタマイズには、いくつかの手順が含まれます。

• スタイルファイルへの接続
• テーブルを操作するためのボタンの追加

TinyMCEまでのスタイルでファイルを接続します

ビジュアルエディターは、サイトのようにテキストを1対1で表示する必要があります。フォント、テキストのサイズと色、写真のデザイン、 古い外観テーブル。

「システムのセットアップ」を選択し、フィルターで「ビジュアルエディター」を選択します。

合計5つのパッチが与えられたのは誰ですか。

• CSSファイルへのパス（editor_css_path）-ファイルへのパスをテキストスタイルで指定します。 あなたのサイトの最新のcssファイルではなく、テキストデザインの前に直接見ることができるスタイルのみを非難できるokremyファイルに注意してください（見出しh1〜h6、段落p、文字a、表、表、その他）。 エディターはより実用的で正しいです。
• ヴィコリスタティ テキストエディタ（use_editor）-必要に応じて、TinyMCEを表示せずに、エディターを1時間オンにすることができます。
• エディター（which_editor）--MODX Revolutionを使用すると、サイトにいくつかの異なるエディターをインストールでき、それらを切り替えて使用できます。 スピーチの前に、サイト管理者の設定を変更して、別の編集者を別の管理者のランクとして認識できます。
• 要素エディター（which_element_editor）-スニペット、プラグイン、チャンクのエディターを指定します。 たとえば、CodeMirrorまたはAceのいずれかを使用できます。

テーブルを操作するためのボタンをTinyMCEに追加する

MODX RevolutionリポジトリからインストールするTinyMCEでは、ロックの理由でテーブル作業が有効になっています。 ねえ、おしっこ、あなたは明らかにHTMLモードに切り替えて、手動でコードを書くことができます、しかしここに行きます！ 2つの羽ペンを表示して、テーブルのサポートをオンにする方がかなり簡単です。

同時に、システムを調整する必要があり、最初のフィルターで選択します tinymce:

使用可能なパラメーターのリストが表示されます。 私たちtsіkavlyat2：

• tiny.custom_plugins-プラグインのTinyMCSへの転送。 最後のリストに「」を追加する必要があります テーブル"、テーブルを操作するためにsimプラグインを接続します。 プラグインはTinyMCEからすぐに提供され、インストールする必要はありません。オンにするだけです。
• tiny.custom_buttons3-3行目に表示されるボタンのリスト。 そこに入る tablecontrols」、テーブルを操作するためのボタンのダイヤルを追加しました。 これらのボタンは他の行に配置できることに気づきました。 他の行に驚かされると、元に戻す、やり直し、selectallなどの埋め込まれたボタンのリストが表示されます。 ボタンを別の順序で配置することで、それらを「再生」できます。

更新後、すべてのShvidshe MODXエボリューションシステム TinyMCEテキストエディタは使用しません。 更新されたすべてのサイトにあるヤクの写真の軸：

1.ここからプラグインを追加してください。

2.Rosarchive。

3.フォルダー内のckeditorフォルダーに入力します アセット/プラグイン/

4.プラグインを作成します ckeditor

5.新しい場所にコピーします ckeditor.tpl

システムサブポッドOnRichTextEditorInit、OnRichTextEditorRegister、およびOnInterfaceSettingsRenderにチェックボックスを配置します

6.CKEditorを有効にします

でCKEditorを有効にすることができます [ツール]>[構成]>[インターフェースとデータ]、グラフで " 編集者：" 選択する CKEditor

7.私たちはどんな文書にも入りますそしてバチモそのような絵

8.ファイルマネージャーKCFinderを備えたフレンドリーなCKEditor

Schobエディターは有能にpratsyuvavz ファイル管理 KCFinderは、このコードをファイルに置き換えます /assets/plugins/ckeditor/functions.php:

$ mcpuk_path ["base"]=MODX_BASE_URL。 "manager / media / browser / mcpuk /browser.php";//。 $ cke_query; $ mcpuk_path ["image"] = $mcpuk_path["base"]。 "？type = images"; $ mcpuk_path ["flash"] = $mcpuk_path["base"]。 "？type = flash"; $ mcpuk_path ["link"] = $mcpuk_path["base"]。 "？type = files";

9.必要なボタンの独自のフォルダを選択しました

ファイル/assets/plugins/ckeditor/modx_config.jsで、場所を変更したり、ボタンを表示または追加したりできます。 私自身、この組み合わせを選びました。

誰が気にするか、あなたはコードの行を置き換えることができます：

Config.toolbar_modx = [["Source"]、["Bold"、 "Italic"、 "Underline"、 "Strike"、 "-"、 "Subscript"、 "Superscript"]、["PasteText"、 "PasteFromWord"] 、["Undo"、 "Redo"、 "-"、 "Find"、 "-"、 "RemoveFormat"]、 "/"、["NumberedList"、 "BulletedList"、 "-"、 "Outdent"、 "Indent "、" Blockquote "]、[" JustifyLeft "、" JustifyCenter "、" JustifyRight "]、[" Link "、" Unlink "、" Anchor "]、[" Image "、" Flash "、" Table "、" Horizo​​ntalRule ""、 "Smiley"、 "SpecialChar"]、 "/"、["Format"、 "Font"、 "FontSize"]、["TextColor"、 "BGColor"]、["Maximize"、 "ShowBlocks"、 " -"、"About "]];

Config.toolbar_simple = [["Source"、 "-"、 "Maximize"、 "RemoveFormat"]、["PasteText"、 "Find"、 "Replace"]、["Link"、 "Unlink"]、["Image "、" SpecialChar "]、[" Format "]、" / "、[" Bold "、" Italic "、" Underline "、" Strike "、"-"、" Subscript "、" Superscript "]、["TextColor "、" BGColor "]、[" NumberedList "、" BulletedList "、"-"、" Blockquote "]、[" JustifyLeft "、" JustifyCenter "、" JustifyRight "、" JustifyBlock "]];

ここでは、テキストコード、Zbіshuvach（より明確に書くため）、テキストの書式設定、テキストのみの挿入、検索と変更、Possilannya、画像の挿入、記号、見出し、テキスト属性、カラーテキストと背景、段落、テキストをぼかすことを引用します。

アドオンプラグインのインストール

CKeditorにはさまざまなプラグインがあります。 それらはインターネットとCKeditorの公式ウェブサイトで見つけることができます。 すべてのプラグインは/manager/ Assets / components / ckeditor / ckeditor /plugins/フォルダーにインストールされます。

「システム設定」で「ckeditor」を選択し、アドオンプラグインフィールドでDali（ extra_plugins）インストールされているプラ​​グインの名前を挿入します。 そしてボタンのグループで（ ツールバー）が必須フィールド「im'yaplug-in」に挿入されます。 アドオンがインストールされ、動作する準備が整いました。

MODX Revolutionシャードは空で出荷されており、サイトを運営するために、もう1つ追加したい場合は、たまたまインストールすることになると99％の確信を持って言えます。 パッケージ。 zv'azkuіztsimで私はvirіshivを書きます 神になるための幸運のようなパッケージの小さなリストでサイトを作成するとき MODX Revo解決。

（2018年2月11日に更新された記事）

メインのmodxリポジトリからの拡張

エース-pidアワー編集テンプレート、チャンク、スニペット+ウェイクアップのマッチングコード emmet.

TinyMCEリッチテキストエディタ-コンテンツ用の優れたビジュアルエディターですが、rahunok用に拡張することもできます 追加機能小売業者のウェブサイトに驚嘆してください。

filetranslit-キリル文字からファイルをキャプチャするときにラテン語に変更します（例：名前（名前）で写真をキャプチャする modx-plugin.png（サイトに転送すると、そのような画像名は山羊に変わり、表示されなくなります）、名前の付いたファイルが管理者にアップロードされます modx-plugin.png.

音訳-ページのエイリアスの音訳（url）-に必要です。

FormIt-フォームを操作します（折り畳み可能であっても、連絡フォームの作成）。

コレクション-ドキュメント（リソース）のグループ化-より優れたサイト、ドキュメントが豊富なカテゴリの削除-管理パネルの拡張（高速化）に役立ちます。 より大きなリソースツリーがある場合、それはよりバグがあります。

simpleUpdater-1クリックでmodexを更新します。

SEOプロ-SEOヘルパー！ 水やりの分野を再考する–タイトル、説明、焦点を追加 キーワード（キーワード）そして、検索ビューで側面がどのように見えるかを示します。

画像SEOのaltタグとタイトルタグ-画像は登録されていないため、画像のaltとtitleを自動的に送信します。 作業現場で慎重にzastosovuvatiを実行すると、CODEを通過した場合、deaksを停止できます。

ギャラリー–画像ギャラリー

migx-Duzheクールリバー！ 多くのテレビコンテンツを表示して、スライダー、たとえばギャラリーを作成できます。

simplesearch-サイトでの検索の構成。

タガー-レコードのタグ、hmaraタグ。

ClientConfig-クライアントnalashtuvanの作成、yakіnadalіはマネージャーが編集できます。 トブト。 頻繁に変更されるものはすべて新しいものに入力されるか、連絡先、住所、スローガンなどだけが入力されます。 --zamovnikzmіgをすすり泣き、すべてがそのshvidkoを変更するのは簡単です。

テンプレートを継承する-テンプレートを挿入します 子要素.

バージョンX-フリーランサー、おそらく新参者のための追加サポートのための静かなhtoviddaєサイトのコンポーネント。 すべての要素（チャンク、スニペット、リソース）のローカルバックアップを作成するための割り当て。 あなたは驚嘆することができます 古いバージョンそして明確化の必要性のためにїї。 また、誰がそれらの変更を行ったかを認識できるようにします。

コンソール–PHPコードをバックエンドから実行できるようにします。

AjaxManager-プロンプト管理ロボット。

キャプチャ-管理パネルに入るためのキャプチャ-dodatkovyzakhist。

backupMODX-1クリックで作業サイトからバックアップを作成します。

logPageNotFound-404ラグの恩赦。 vіdstezhennyaposilanのVіdmіnnopіdhodit。

cacheClear – ワンクリックですべての/core/cache/フォルダを削除できます。

modstore.proリポジトリからの追加

それらについては、補遺リポジトリに接続する方法をお読みください。

Ajaxフォーム-Ajaxを介した、サードパーティの再関与なしの連絡フォームの実施。 Vikoristovu FormItですが、実際には独自のスニペットを入力できます。

DateAgo-CMSLiveStreetのような日付フォーマットを受け入れます。

autoRedirector-私は301リダイレクトを自動的に作成するので、手動でリダイレクトを作成できます。

切符売場-ブログの作成、解説の作成、toschooのコメント。

ジェビックス-自動チケットにインストールされている医師の種類に応じて

mixedImage-ファイル拡張子を変更します（追加フィールドの置換（写真、添付ファイルなど））

pdoTools--tsiliyハーベスタ。ウェアハウスに次のスニペットを入力します。
pdoResources-リソースのリストの前で私たちを予約しますが、助けが必要な場合は、サイトマップ（人向け）、フォトギャラリー、ポートフォリオ、リソースのケーススタディなど、多くのことを行うことができます。
pdoMenu-メニューの作成。
pdoPage-リソースのリストを表示する方法とpdoRecources+他のスニペットの選択を含むリンク後のナビゲーションを作成します。
pdoCrumbs-パン粉（パン粉）を作るため
pdoUsers-Vivedennyakoristuvachіv
pdoSitemap-自動生成されたsitemap.xmlの作成
pdoNeighbors-転送および転送ドキュメントを表示します（ブログ、記事などに適しています）
pdoField-TVパラメータを含め、リソースまたはyogodadに割り当てられたフィールドを表示します。
pdoTitle—ストア後のナビゲーションからドキュメントを視覚的に表示するための割り当て。
pdoArchive—日、月、年ごとの内訳とともにサイト上のドキュメントのアーカイブを表示する
パーサー-側面のタグの処理を変更します。
おそらく、最も必要なパッケージであり、新しい通常のサイトがなければ、それを手に入れることはできません。 同じワインがFenomテンプレートエンジンのサポートを追加します。これは古いものよりも優れています。

miniShop2-オンラインストアの作成。

BannerY-バナーを表示するためのコンポーネント（広告）。 新しいものでは、実際、スライダーを実装するのは簡単です。

phpThumbOn-画像のミニチュア（からの画像を表示 ローズマリーが必要).

MinifyX– 2つのファイル（cssとjs）でのスクリプトとスタイルの縮小と接着–入力の数を変更し、サイドの速度を上げることができます。

xPoller2-マルチモーダル体験。

AdminTools- 変化する カラースキーム管理者、要素、メモ、電子メールまたはその他の方法による管理者の承認を選択します。

frontendManager—フロントエンドから側面を編集します。

dbAdmin – MODxRevo管理パネルからデータベーステーブルのリストを確認します。 また、クリームテーブルやすべてのベースのようにviroblyatエクスポートすることもできます。 また、テーブルを表示してクリーンアップし（勝利に注意してください）、さまざまなSQLクエリをviroblyatすることもできます。

modDevTools – チャンク、スニペット内の要素のクイック検索と置換。

debugParser – Webサイトで特定の領域を検索します。

tagElementPlugin – ビジュアルタグのスニペットまたはチャンクを編集し、Ctrl+Enterキーを押すことができます。

controlErrorLog – 上部のメニューバーにアイコンを追加して、恩赦ジャーナルエントリの可用性について通知します。

ユニバーサルプラグイン

— 任意のサイトでの写真の自動絞り、サービスは有料ですが、最初から10mbが与えられます-約500枚の写真の茎にステッチ-名刺に何をステッチするか、さらに最大200mbを取ることができます無料です。

ビジュアルコードエディターとしてCKEditorを試してみました。 バージョン4.0には、ニュートラルな白黒のテーマ（MODx管理パネルにも適しています）といくつかの新機能（「重要な」スペースへの段落の挿入を評価する）があります。

フロントエンドエディタとしてツイートすることはできません。
PratsyuєCtrl+S、メッセージの挿入、またはリソース（iframe）とファイル（img、オーディオ、ビデオ）の新進。 テキストを確認し、必要なリソース/ファイルにエディターを配置するだけです。

カスタマイズでは、色のUI、スキンを変更したり、独自のプラグインを追加したり、パネルボタンの順序とダイヤルを変更したりできます。

毎日の機能を指定してください-私はそれらを実装しようとします。

パッケージマネージャーを介したインストール。
VinyMCEのvіdminuで、より多くのお金

計画dіy：

リッチテキストTVパラメータにトリムを追加
-サーバーのボタン振動 対話対話（MODXファイルブラウザとの統合）
-改善：extraPlugins、disableObjectResizing、keruvannya形式のposilan、スキンの選択
-ファイルとリソースをドラッグする時間のメニュー：オブジェクトの取得| メッセージを挿入| オブジェクトの名前を挿入します（（Windowsのように）マウスの右ボタンと左ボタンを介してドラッグできるので、かっこいいでしょう）
-modxタグを守る
-新しいボタン（タグの挿入、属性の編集も）
-解析されたスタイルテーブルのクラスのリスト。
-編集されたコンテキストからの体系的な調整の改善（同時に、メッセージの問題）
-毎日のキーボード設定。
-プラグインのタイポグラフィ-足の自動変更、その場でのdef_sіv。
-「n」ドロップをコピー/貼り付けしてドラッグするヘルプについては、他の写真を参照してください
-可能な限り、可能な限りmodxタグの自動送信（解析と表示）（CKSourceチームによって拡張された茶色のウィジェットとして表示される場合があります）
-フロントエンドからのインライン編集。

Chetはviishasの素晴らしいリストです。 あなたはあなたのファンタジーを変える必要があります。

アドオンプラグインをインストールする手順：
必要なプラグインはわかっています。たとえば、フォルダに入れます。 / manager / Assets / components / ckeditor / ckeditor / plugins /、Idemo in 全身調整、名前の範囲が選択されます ckeditor、プラグインを処方する extra_plugins（誰を通して、スプラットのように）、私たちはそれを正しく与えました ツールバー、新しいボタンを入力します（єのように）。 リソースの編集フォームを更新します-結果を再確認します。 私はcіkavimyプラグインとの共有を広めます。

アドオンプラグイン（パッケージの前には含まれていません）：
oEmbed-さまざまなサーバーからコンテンツ（ビデオ、写真、オーディオ、フレーム）を埋め込むことができるため、さらに難しくなります。 YouTube、Vimeo、Flickr、Instagram、GitHub、Twitter、JSFiddle、その他のサービスでサポートされている優れたサービスのリスト。

変更の履歴：

CKEditor 1.1.1

-AjaxManagerの合計を修正しました
-プラグインを追加します：youtube、wordcount、autocorrect
-メニューは、まるで時が木から引き出されているかのように見えました。 これで、力が挿入されるだけです。 画像をドラッグするだけです-画像を挿入します。
-IE8をサポート

CKEditor 1.1.0
====================================
-ブラウザの統合 MODxファイル
-リッチテキストTVをサポート
-カスタムリソースクラスのサポート（例の記事）
-ドラッグ「n」ドロップを改善しました。 これで、ファイルツリーから写真をドロップして、コンテンツに挿入できます。
-Ctrl+Sの後
-オプションextra_plugins（追加のプラグイン）
-オプションスキン（スキンの変更）