問題タブ [rte]
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.
css - TYPO3: ユーザーが定義済みの CSS クラスを使用できるようにする要素を RTE に追加する方法
ユーザーが RTE で詳細、重要、人物の名前などのテキストスタイルを選択できるようにしたいと考えています。CSS を定義したいので、このオプションを RTE に表示する必要があります。CSS スタイルはspan、色のみを設定する必要があります。
現在、次のコードがあります。
CSSファイルの内容は、
ただし、新しく追加されたスタイルはドロップダウン (textstyle) には表示されません。また、rtehtmlarea 構成で「追加のインライン要素」を有効にしました。私もshowTagFreeClasses成功せずに設定などを試みました。次に、キャッシングの問題について読みました。RTE キャッシュとブラウザー キャッシュを削除しました。まだ結果が出ていません。何が間違っている可能性がありますか?
text - 追加の RTE フィールドによって標準のコンテンツ要素を強化する方法は?
したがって、コンテンツ要素として選択できる拡張機能があります。独自のタブ(「ビデオ」)がありますが、標準のタブ「一般」と、拡張機能を構成できるいくつかの特別なタブも使用します。「RTE」テキスト タブ (「画像付きテキスト」など) を「一般」タブに追加することはできますか? 「ヘッダー」フィールドを使用するだけですが、編集者がRTEテキストを追加フィールドに追加できるオプションが本当に必要です(「画像付きテキスト」など)。
javascript - TinyMCE(またはCKEditor)のリッチテキスト編集でホストをオーバーライドする
現在、作業中のアプリケーションにRIchテキストエディタを統合しようとしています。これまで、CKEditorとTinyMCEエディターをテストしてきました。私のアプリケーションがhttp://example.comでホストされていると仮定します。デプロイメント環境に制約があり、静的アセットを提供できません。このため、静的アセットはhttp://assets.example.comという別のホストを使用します。
TinyMCE(およびCKEditor)<script>がタグにタグを動的に追加することに気づきまし<head>た。ただし、どちらもhttp://example.comに基づく絶対パスを使用するため、すべての静的アセットがhttp://assets.example.comによってホストされている私の環境では本番環境では機能しません。
私の質問は簡単です:
- TinyMCE(またはCKEditor)が使用するホストをオーバーライドするソリューションはありますか?
- このような(実際にはソフトで一般的な)制約をサポートする他のRTEをアプリで使用する必要があります。代替案がある場合は、RTEソリューションについて話しているほとんどの投稿やWebページが3〜5年以上前のものであることを理解しているので、最新の十分にサポートされているソリューションを探しています。 。
javascript - 小さな mce は、投稿中にコンテンツを削除します
Kohana 3.0.7 を使用してビルドされたプロジェクトで小さな mce を使用しています。エディターにコンテンツを追加してフォームを送信しようとすると、コンテンツは適切に保存されます。ただし、検証エラーが発生し、検証エラーと同じページが表示される場合は、何らかの問題があります。検証エラーを修正し、mce エディターにコンテンツを追加した後、投稿しようとすると、最初に投稿されたコンテンツのみが投稿されます。後で追加したコンテンツが失われます。
プレーン テキスト領域でこれを確認しましたが、エディターが原因であると確信しています。どうすればこれを修正できますか?
javascript - TinyMCEは特定のdivをクリーンアップします
ページがあり、TinyMCEを使用してページ上の特定の要素を編集したいと思います。次の要素を編集しようとすると、tinyMCE内にロードされた実際のコンテンツは列2にあるとおりになります。
親子要素の関係をチェックするhtml検証が行われていることを理解しています(たとえば、親としてテーブルがある場合にのみtrが来る必要があります)。tinyMCEにこれをやめて、テーブル要素全体を編集せずにtr要素を直接編集できるようにする方法はありますか?つまり、有効かどうかに関係なく、ロードされたHTMLに変更を加えるためにtinyMCEを停止したいと思います。
また、verify_htmlとvalid_elementsの設定を試しましたが、ここでは役に立たないようです
ありがとう
php - dom javascriptで複数のtinyMceを追加するには?
tinymceで複数のテキストエリアを追加する方法を教えてください..! 私はこの結果を気に入りたかった:
私のスクリプトの例はここにあります: http://tuto-rial.com/index2.txt

javascript - テーブルの行を作成する TinyMCE プラグイン
ユーザーが入力ボックスに入力して HTML を作成する内容に基づいてカスタム HTML レイアウトを作成する tinymce のプラグインを作成する方法はありますか?
たとえば、現時点では、この例の HTML を作成する「テンプレート」プラグインを使用しています。ユーザーは、必要なリスト項目の数だけ HTML をコピー/貼り付けする必要があります。
<li>ユーザーが挿入する属性ごとに
自動的に生成するポップアッププラグインに、このようなものを追加したいと思います。
javascript - HtmlUnit は、コンテンツをオンライン リッチ テキスト エディターに設定することをサポートできますか?
HtmlUnit を使用して Web アプリケーションをテストしています。オンライン リッチ テキスト エディターを使用して、ユーザー入力を収集します。(iframe は src 属性なしで使用されます)。ユーザー入力をシミュレートする必要がありますが、コンテンツをこの iframe に設定する方法がありません。
HtmlUnit はこの機能をサポートできますか? 私はウェブを徹底的にグーグルで検索しましたが、明確な答えは見つかりませんでした.
jquery - ドラッグとサイズ変更が可能な jQuery RTE
http://code.google.com/p/lwrte/issues/listを実装しようとしています..フォントオプション、テキストの色、ハイパーリンクを提供するため、このjqueryテキストエディターが特に気に入っています
サイズ変更可能でドラッグ可能にしたい。テキスト エディター用のコンテナー div を作成し、そのコンテナー div でドラッグ可能およびサイズ変更可能を実行することで、ドラッグ可能およびサイズ変更可能が正常に機能するようになりました。
ただし、何らかの理由で、コンテナー div の高さや幅に関係なく、テキスト エディターがコンテナー div の外側にオーバーフローします。テキスト エディターの幅は 100% に設定されています。
ツールバーがこれを台無しにしているというのが私の推測ですが、私は何を知っていますか!
コード例なしでこれに答えるのが難しすぎると思われる場合は、jsfiddle 何かを試してみます。ありがとう!
javascript - iPadのビューポートを調整する方法
エディター付きのページを取得しました。文字を入力すると、通常、キャレットは常に同じ行に表示されます。しかし、時々、カレット(プラスの線)は、表示されている画面の上部に「さまよう」だけです。誰かがその行にscrollIntoViewを実行したようなものです。
ipad/mobile-safariが希望しないビューポートを調整していることがわかりました。指を使って前のビューを取得できます。-タッチ-下に移動すると、ビューポートが以前と同じように調整されます。
しかし、javascriptまたは他の回避策を使用してこれを行う方法はありますか?