問題タブ [ckeditor4.x]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - JQuery とカスタム構成ファイルを使用した基本的な CKEditor のセットアップ
CKeditor を使用するのはこれが初めてで、いくつかの基本を機能させようとしています。JQueryとBootstrapがロードされ、正常に動作するテストページ（PHPではなく、基本的なHTMLのみ）があります。私は2つのフィールドを持っています。CKEditor CDN にリンクし、adapt_jquery.js を<head>
関連する HTML
<textarea>このスクリプトをページの下部に配置すると、指定された UI の色とサイズでそれぞれに CKEditor のインスタンスが取得されます。
このページで以下のスクリプトを使用すると、各 に対してエディターがレンダリングされ、<textarea>Firefox Web 開発者プラグインは、custom_config.js が Javascript ファイルのリストにあることを示します。ただし、それぞれに読み込まれるエディター インスタンスは<textarea>、カスタム構成ファイルの影響を受けませんでした。簡単なものが欠けていると思いますが、何がわかりません。
カスタム構成ファイル:
ckeditor - CKEditor スキンの動的更新
エディター (CKEditor 4.1 (リビジョン 80c139aa)) のスキンを動的に変更する方法はありますか?
私ができる唯一の方法はconfig.jsからです（つまり、私のスキンは正常に機能しています）
jDialog が開かれると、エディタがロードされます。ダイアログを開くと、ユーザーの好みに応じてスキンを変更するコマンドを実行したいと考えています。
私は運が悪かった：
これも：
これも：
また、ajaxで構成ファイルをロードしようとしました（デフォルトのconfig.jsファイルを削除した後）：
常にデフォルトの config.js ファイルをロードします...
これどうやってするの？
css - ckeditor4 - ckeditor API を使用して、IFrame モードで最初に生成された DIV に css クラスを追加します
共有スペース プラグインを使用して、クラシック モード (Iframe) で CKEditor 4.5 を使用しています。
divckeditor4 は、それぞれのすぐ下に (#cke_mytextarea1)を自動的に作成し、textareaその中divに aiframeも作成されます。
このcssためのdivも自動的に作成されます。
ckeditor API を使用して にcssクラスを追加するにはどうすればよいですか?div
contentsCss構成http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-contentsCssを使用しようとしまし
たが、cssiframe に適用され、適用されませんdiv
例：
このコードから:
ckeditor インスタンスを開始すると、次のコードが生成されます。
完全なサンプル コードのプレビューはこちら: http://jsfiddle.net/luzfcb/ymoc2r1w/2/
以下の同じコード:
javascript - CKEditorスタイル内に編集不可能なHTMLを挿入する
私は現在、CKEditorのconcrete5への移植に取り組んでいます。その一環として、concrete5 にはエディタを介して挿入できる「スニペット」を作成する機能があります。開発者は、これらのウィジェットが生成する HTML 出力の種類を定義することができますが、編集モードでは、次の HTML を含むプレース ホルダーが表示されるだけです。
私は CKEditor ウィジェットを調べましたが、そのような機能を有効にするために、潜在的に多数のボタンでツールバーを乱雑にしたいとは限りません。stylescombo ドロップダウン (または同様のドロップダウン) に何かを追加して、上記のようなスニペットを挿入できるかどうか興味があります。
現在、私が試してこれを行う必要があることは、https://github.com/ExchangeCore/Concrete5-CKEditor/blob/feature/magicstyles/assets/concrete5styles/plugin.js#L17-L30にあります。selectedSnippet.scsNameスタイルの innerHTML にを挿入する方法がないためです。これを行う方法や、大量のツールバー ボタンを作成せずに CKEditor 内でこの種の挿入機能を使用するための他のより明白な方法はありますか?
また、そのスパンのコンテンツは削除できる必要がありますが、編集はできません。
javascript - インライン CKEditor を div 内でスクロールするにはどうすればよいですか?
本文でスクロールが行われると、インライン CKEditor はテキストを正しくスクロールします。以下は公式のデモです。
http://sdk.ckeditor.com/samples/inline.html
ただし、スクロールがbodyではなくiframeまたはdivにある場合、現在の最新バージョン（バージョン4.5.5）までスクロールが機能しません。ここでいくつかの質問があります。たとえば、
「スクロール可能な」divをスクロールすると、Ckeditorインラインエディターが画面に表示されたままになります
この解決策は機能しますが、同じページに 20 人以上の編集者がいる可能性があり、全員をチェックするのは私のページには重すぎます。
iframe 内の要素に対する CKEditor インライン エディター
うまく見える別の解決策は私にはうまくいきませんが、私が欲しいのはこのような軽い解決策です。
PSソリューションが機能しているかどうかをテストしたい場合は、テストできるコードの冒頭を以下に示します: https://jsfiddle.net/pteryvk3/6/
angular - Angular および動的に追加された CKEditors の中断
NgForwithを介してレンダリングされた動的に追加された CKEditors に問題がありますangular@2.0.0-alpha.44。
正しく動作する 3 つの CKEditor を確認できます。次に、下部にある [追加] ボタンをクリックすると、コンテナー内の最後の CKEditor が壊れて、書き込みもできるようになり、ツールバーのボタンを押すと、次のようにスローされます。
Uncaught TypeError: Cannot read property 'getSelection' of undefined.
興味深いのは、最後の CKEditor だけが壊れていて、他の 2 つが機能していることです。Angular2 が CKEditor を壊す最後の要素で何とか操作しているようです。
新しい CKEditors を追加するのと同じ方法を使用したことを覚えていangular@2.0.0-alpha.35ます。バージョンangular@2.0.0-alpha.47は同じです。
javascript - CKEditor インスタンスを破棄できない
CKEditorを最新の安定版リリース4.5.6に更新する前は、すべてが完全に機能していましたが、更新後、以下のコードを使用して ckeditor インスタンスを破棄しようとすると、このエラーが発生しました
エラー ：
キャッチされていない TypeError: null のプロパティ 'getClientRect' を読み取れません
このエディターを sharepoint 2013 プロジェクトで使用しています
ヘルプはいつでも大歓迎です。
ありがとう！