TinyMCE textarea Problem

Question

Ich habe einen automatisch generierten Textbereich (durch das Erlang Web Framework), der wie folgt aussieht:

<span class="form_input">
  <textarea id="question_text" class="tinymce" name="question_text"> </textarea>
</span>

Ich versuche, den TinyMCE-Editor darauf anzuwenden, aber was passiert, ist das Folgende:

http://img24.imageshack.us/img24/9250/tinyt.jpg

Also, meine Textarea wird nicht ersetzt, aber es ist "eingebettet" in der RTE. Ich bin TinyMCE wie folgt initialisieren:

<script type="text/javascript">
  tinyMCE.init({
    mode : "specific_textareas",
    editor_selector : "tinymce"
  });
</script>

Haben Sie einen Tipp?

Answer 1

Versuchen Sie Folgendes, denn ich erinnere mich, dass ich etwas Ähnliches gemacht habe und Sie die ID der Textarea angeben müssen.

<script type="text/javascript">
   tinyMCE.init({
    mode : "exact",
    elements : "question_text"
  });
</script>

Answer 2

Auf dem Screenshot sieht es so aus, als ob eines oder mehrere der folgenden Probleme auftreten könnten.

1) Doctype und Rendering Ihrer html/css-Regeln 2) Ihre CSS-Regeln könnten kollidieren 3) Ihre Html-Struktur ist defekt, DOM 4) tiny mc javascript könnte Probleme mit der Dom-Struktur haben, was wiederum durch Doctype und HTML-Struktur verursacht werden kann

Ist dieses Problem seitenabhängig oder tritt es auf jeder Seite auf?

Werden Ihre Formularelemente von js eingefügt und erstellt?

Answer 3

Ich habe versucht, eine andere #id als Attribut name zu verwenden, und es funktioniert

<textarea id="question_text" class="tinymce" name="question_text"> </textarea>

à

<textarea id="question_text_textarea" class="tinymce" name="question_text"> </textarea>

und dann später...

tinymce.init({selector:'textarea'});