問題タブ [rte]

次のように、jQuery.ajax() の複数のレイヤーを使用して単純な CMS を構築しました。

たとえば、index.php は<li class="child" onclick="navto('inc/edit_pages.php');">Edit Pages</li>edit_pages.php をロードするために使用します<div id="content"></div>

edit_pages.php は$(document).on("click", "a.editPage", function(e) { load_page_for_edit(e); return false; });(関数にload_page_for_edit()送信される情報を収集して準備する場所) を使用して、次のようなものを送信しますnavto()edit_page.php?t=template.php&c=contentID

edit_page.php は、これらの値を使用して、対応するデータベースで必要な情報を検索し、template.php&c=content独自のようなものを出力し<div id="page_to_edit"></div>ます ... 再び、別のnavto().

次に、ユーザーは $('.edit_text') 要素をクリックして、内部に TinyMCE テキストエリア ($('#editor') と呼ばれる) を含む div を再表示できます。

コンテンツはvar content = $('.edit_text').html()

ここに問題があります: コンテンツ変数を TinyMCE テキストエリアにロードしようとすると -- $('#editor').html(content);-- テキストエリアはそれを受け取りません。これはalert($('#mana_editor').html());、正しいコンテンツを出力しますが、HTML 文字が安全になります (たとえば、に<p>なる<p&rt;)。ただし、コンテンツは TinyMCE に読み込まれません。

.ajax スコープの問題があると思いますか? おそらく、jQuery は$('#editor').html(content);template.php に存在しない #editor を実行しようとしています (#editor が edit_page.php にあることを思い出してください)。.ajax の複数のレイヤーを理解するための良いリソースはありますか?

ちょっとした情報、手がかり、および私が試したこと：

• edit_page.php の最後にある TinyMCE init を除いて、すべての jQuery 関数は functions.js ファイルにあります。
• functions.js への index.php リンクのみ
• TinyMCE 3.5.6、jQuery プラグイン パッケージ、および jQuery 1.7.2 を使用しています。
• TinyMCE の疑似セレクターも ($('textarea:tinymce')の代わりに$('#editor')) 試してみましたが、これは Firebug でエラーをスローします: "エラー: 構文エラー、認識されない式: tinymce" in jq.min.js (4 行目)。
• ユーザーが TinyMCE で変更を行った後、更新ボタンをクリックすると、新しいコンテンツが読み込ま$('.edit_text')れます。私が入力したものを読み込む代わりに、上記の「安全な」HTML を読み込みます。まるで TinyMCE が完全にバイパスされたかのように。
• CMS 全体を使用せずに、手動で「get_page.php?t=template&c=content」と FireFox に入力することから始めれば、問題なく動作します。
• TinyMCE をロードしない場合、jQuery はコンテンツをテキストエリアにロードします。
• この男は何かに取り組んでいる可能性があります...似ているようですが、彼の head.js に何が含まれているか、head.ready(); を実装する方法、または彼の問題が私のものと同じかどうかはわかりません。

これは Ajax を使用する初めてのプロジェクトなので、学ぶことがたくさんあります。洞察/提案された読書/解決策は大歓迎です!

tinymce プラグイン関数を呼び出すにはどうすればよいですか?

動作していません！

私は本当に単純な rte を作成していますが、これが私の問題です。選択したテキストを iframe(designmode=true) で取得できますが、変更することはできません。

html

スクリプトファイル

RTEでマイクロデータを有効にするには、ルートページのTSconfigのRTEconfigに各タグの属性を追加する必要があると思います。

タグの属性を追加する方法など、多くの例があります。例：xml：lang：

これは非常にうまく機能します。

しかし、これをitemprop、itemscope、itemtypeに採用しようとすると、次のようになります。

動いていない。誰かがRTEにマイクロデータ属性を追加する方法を知っていますか？

H7i の皆さん、TinyMce エディタで奇妙な問題が発生しています。私がやろうとしているのは、テキストを選択し、ボタンをクリックして、最初と最後にタグを追加することです。

たとえば、元のテキストが の<p>hello</p>場合、終了テキストは になります<myTag><p>hello</p></myTag>。

正常に動作しますが、1 行のテキストを選択すると、既存のタグが返されません。したがって、前の例では、helloonly を取得し、notを取得し<p>hello</p>ます。

複数の行を選択すると、タグが返されます。

これが私がこれまでに試したことです：

何か助けはありますか？

ルートページにPage TSConfigは、次のコードがあります。

私rte.cssはこれを持っています：

フロントエンドも同じスタイルですstyle.css。エディターを使用している場合、テキスト スタイルを選択できません。常に無効になっています。段落内のいくつかの単語に印を付けたい。さまざまなブラウザー (IE、FF、Opera ...) を使用しようとしましたが、すべてのブラウザーでテキスト スタイルが無効になっています。私に何ができる？

私はTypo3 4.7.5を持っています

編集

この問題は、非推奨のプロパティが原因でした (こちらを参照))。私の現在のコードは次のようになります

テキスト スタイルを選択できるようになりましたが、そのうちの 1 つだけです。また、1 つのブロック スタイルの名前が間違っています...

Tiny MCE エディター バージョン : 3.5.7
を使用しています。同じページで一意の ID を持つテキスト エディターの複数のインスタンスを使用しています。これらのエディターを div でラップして、これらのエディターを表示および非表示にしています。すべてが正常に機能していました。ユーザーがエディターを非表示にしたときにエディターの内容をクリアしたい (再度表示されたときに以前の内容が削除されるようにする)。tinyMCE.get('editorId').setContent('')を使用して実行しようとしましたが、一度だけ正常に動作します....上記の関数を使用すると、コンテンツを設定または取得することさえできません。そのエディター インスタンスの。私が使用した構造は次のとおりです。

エディターを表示および非表示にするには、次のようにします。

誰でも助けてもらえますか？

JavaScript または JQuery を使用して独自の RTE を構築する必要があります。しかし、実際には、コメント付きの優れた実用的な例やチュートリアルを単一のコードだけで見つけることができませんでした。しかし、私は解決策だけが欲しいのではなく、自分が何をしているのかを理解したいのです!

選択したテキストを太字にする方法を知っています (選択範囲を取得し、範囲を作成してから、その周りに font-weight:bold を含む b-tag または span-tag を付けます)。

しかし、選択範囲のすべてのスタイルを取得するにはどうすればよいでしょうか?

例: テキスト テキスト テキスト [//] テキスト テキスト テキスト ( [//] は画像である必要があります) ユーザーが画像を含むテキストを選択すると、選択された HTML コードは「テキスト テキスト テキスト テキスト テキスト テキスト テキスト」のようになります。選択した範囲をタグで簡単に囲むことができませんでした。

その他の例: aaa bbb ccc ddd 'cc d' を選択すると、次のように 'cc' が表示されます。しかし、(例: bold-) ボタンを強調表示するには、選択範囲のすべてのスタイルを知っている必要があります。

要約すると、選択のスタイルの処理 (取得) / 設定方法を知る必要があります。

私を助けてくれることを願っています！よろしくレニー

ここに私が実際に持っているいくつかのコードがあります（しかし、このコードはとにかく私の問題を解決しません）

}

Tiny MCE にはフォーマット選択メソッドがあります: theme_advanced_blockformats ドロップダウンでフォーマットを選択できます。段落、見出し 1、見出し 2 などの値が表示されます。このドロップダウンに表示される名前を変更したいと思います。たとえば、「見出し 1」を「サブ見出し」として表示したいとします。エディターで作業するクライアントにとっては、より理にかなっています。tinyMCE.init でこれを行う方法はありますか? 構成ファイルにはありません。

<pre>コードや<code>タグを表示したいのですが、正常に機能します。空白は最初の保存時に保存され、フロントエンドに正しく表示されます。ただし、バックエンドでコンテンツをリロードすると、エディターは追加の空白なしでコードを表示します。もう一度保存すると、コード全体のフォーマットが削除されます。

これにはいくつかの設定があると思いますが、今まで何も見つかりませんでした。これに関するヒントはありますか？

コードの強調表示には、GeshiLibおよびvjrtecodesnippets拡張機能を使用しています。

編集：

申し訳ありませんが、構成を逃しました。関係する基本がありますrtehtmlarea、現在v4.7.5、それはTYPO3の標準テキストコンテンツ要素（を通して表示されるcss_styled_content）からの標準本文テキストフィールドであるため、TCA固有の変更はありません。

RTEのPageTSは次のようになります。

Edit2：まさにこれを行うTYPO3拡張ニュース_blogを公開しました。