Forum PHP.pl > [JavaScript]tinymce4 dodaje się tylko przy pierwszym textarea

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]tinymce4 dodaje się tylko przy pierwszym textarea

1q2w3e4r

17.10.2013, 08:14:45

Witam,
Dodałem nowy edytor tinymce 4 i niestety mam problem z konfiguracją. Po dodaniu kilku pól textarea edytor dodaje się tylko przy pierwszym. Jak zrobić aby pojawiał się przy każdym?

Mega_88

17.10.2013, 08:34:29

Pokaż kod, na zasadzie jak robi to TinyMce na swojej stronie. Przy okazji porównaj:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste moxiemanager"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>
 
<form method="post" action="somepage">
    <textarea name="content" style="width:100%"></textarea>
</form>
[HTML] pobierz, plaintext

1q2w3e4r

17.10.2013, 09:41:17

Mam zrobione to tak samo jak na stronie tinymce w przykładzie: http://www.tinymce.com/tryit/full.php => View source.

Tylko że ja mam więcej pól textarea na stronie i wyświetla się zawsze tylko przy pierwszym:

Cytat

Mega_88

17.10.2013, 13:12:11

Zrób w ten sposób:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    editor_selector : "editField",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste moxiemanager"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
 
</script>
 
 
 
<form method="post" action="somepage">
 
    <textarea name="content" class="editField" style="width:100%"></textarea>
    <textarea name="content" class="editField" style="width:100%"></textarea>
    <textarea name="content" class="editField" style="width:100%"></textarea>
</form>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.