Wie, um mehrere TinyMCE in der gleichen form

Möchte ich von 2 verschiedenen Texteingabefelder mit tinyMCE in der gleichen form. Die erste funktioniert auch, aber sobald ich hinzufügen, die 2., die 2. deaktiviert (es wird aktiviert, wenn ich vergrößern Sie es manuell von der unteren rechten Ecke). Ihr Feld mit name und id unterschiedlich ist.Wie, um mehrere TinyMCE in der gleichen form

Kann mir jemand sagen wie kann ich dieses problem beheben?

Vielen Dank im Voraus.

  • bitte posten Sie Ihre volle tinymce-Konfigurationen
InformationsquelleAutor Anjuman | 2012-03-20
  1. 2

    Da gibt es keinen code von Euch, wir kann nicht herausfinden, wo dein problem ist. Vielleicht gehen Sie einen Weg, um init-Editor TinyMce für beide Texteingabefelder über eine Klasse:

    <script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
        mode : "textareas",
        theme : "simple",
        editor_selector : "mceSimple"
});

tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        editor_selector : "mceAdvanced"
});
</script>

<form method="post" action="somepage">
        <textarea name="content1" class="mceSimple" style="width:100%">
        </textarea>
        <textarea name="content2" class="mceAdvanced" style="width:100%">
        </textarea>
</form>

    Cheers,
    Stefan

    • Danke für deine Antwort. Ich habe auf use editor (editor verwenden des gleichen Themas (einfach).
    • Ahh okay, poste bitte deinen code, damit wir Ihnen helfen können!
    InformationsquelleAutor SG 86
  2. 1

    Wenn Sie die Größe der tinymce-Editor ist der Bereich, der text magisch erscheint.

    Mikko Huilaja die javascript-Lösung:

    <script type="text/javascript">

$(window).load(function() { 
  forceTinyMceIframeResize(); 
});

function forceTinyMceIframeResize() { 
  $('.mceEditor .mceIframeContainer iframe').each(function(i) { 
    $(this).height($(this).height()+1); 
  }); 
}
</script>
    • Ich weiß, das anklicken der rechten unteren Ecke des editor-oder Größenänderung gibt die Lösung, aber die site-Benutzer kann das nicht nachvollziehen. Trotzdem, vielen Dank für Ihre ans.
    InformationsquelleAutor Protheus
  3. 0

    Verwenden eine gemeinsame Klasse (e.g tinymce-editor) für alle text-Bereich, für die Sie brauchen, um hinzuzufügen, TinyMCE.

    Dann im HTML-head-Bereich der Seite fügen Sie den folgenden code zum initialisieren von TinyMCE.

    $(function(){
   tinyMCE.init({
    selector: '.tinymce-editor',
    statusbar: false,
    min_height: 120,
    menubar: false,
    toolbar: 'styleselect | bold italic underline | undo redo | image | link',
    plugins: 'image, link',
    forced_root_block: false,
    default_link_target: "_blank",
    link_assume_external_targets: true 
   });
});
    InformationsquelleAutor Amal Kumar S
Schreibe einen Kommentar