0

ウェブサイトで TinyMCE を使用して、テキスト領域を編集し、コンテンツをデータベースに投稿しています。ただし、私が経験する問題は、フォームの [送信] ボタンを押してコンテンツを (ajax - jQuery を介して) PHP ファイルに投稿すると、多くの場合、投稿されたテキストが null に等しいことです (つまり、TinyMCE テキストエリアの変更)検出されません）。

クラス「richArea」に関連付けられたTinyMCEを含むフォームのコードは次のとおりです

<form id="uploadMixedBoxForm" method="post" action="'.$websiteURL.'/resources/changeText.php">
<p><strong>'._("Text:").'</strong></p>
<textarea name="mixTextAdd" class="richArea"></textarea>
<input type="submit" class="nicerButton" value="'._("Submit").'" />
</form>

そして、これがデータを受け取るPHPファイルです

<?php

if (!isset($_POST[mixTextAdd]) or $_POST[mixTextAdd] == "") { 
echo '<div class="error"><i class="icon-thumbs-down icon-2x"></i> '._("No text content.").'</div>';
exit;
}

addToDatabase(mixTextAdd);

?>

フォームからデータを受け取る PHP ファイルには、テキストエリアの内容が null の場合にエラーを出力する単純なコントロールがあります。tinymce 領域にテキストを入力して送信を押すと、常にテキストが見つからないというエラーが表示されますが、もう一度送信を押すと、テキストが検出され、エラーは表示されません。これは常に系統的に発生します。jQuery を使用して投稿を無効にし、ajax を使用せずに 2 番目のページに投稿すると、すべて正常に動作します。

TinyMCE がテキストの変更を検出しないという事実は、元に戻す機能のコントロールに関連するパフォーマンスの問題が原因である可能性があることを読みましたが、私の場合、テキストを入力すると、元に戻すレベルがアクティブになります (つまり、元に戻すボタンがアクティブになり、したがって、テキストの変更は TinyMCE によって検出されます)。

4

2 に答える 2

1

JavaScript で tinyMCE エディターのコンテンツにアクセスするには、以下を使用する必要があります

tinyMCE.get('mixTextAdd').getContent();

テキストエリアに直接アクセスするのではなく（たとえば、を介して$('#mixTextAdd')）。それが問題でしょうか？（明らかに、AJAX呼び出しを行うために使用するコードを投稿していないので、ここで推測しています-すでにこれをカバーしている場合はお詫びします！）

于 2013-10-24T09:29:30.880 に答える
0

TinyMCE エディター インスタンスは textareas を直接編集しないようです。または、少なくともこれは、TinyMCE コンテンツが ajax を介して送信された場合の動作です。したがって、tinyMCE.triggerSave()をフォームの onclick イベントに直接追加することで解決しました。

<form id="uploadMixedBoxForm" method="post" action="'.$websiteURL.'/resources/changeText.php">
<p><strong>'._("Text:").'</strong></p>
<textarea name="mixTextAdd" class="richArea"></textarea>
<input type="submit" class="nicerButton" onclick="tinyMCE.triggerSave()" value="'._("Submit").'" />
</form>
于 2013-10-25T08:43:24.083 に答える