Funkcje wordpress wp_register_script, wp_enqueue_script, zapytanie do JS

  • Rozwiązano bigos1995-95

    (@bigos1995-95)


    12 lat, 6 miesięcy temu

    Witam, nie mogę normalnie dołączyć pliku JavaScript tylko przez funkcje wp_register_script i wp_enqueue_script

    Do poprawnego działania skryptu potrzebuje dołączyć ten oto kod:

    <script type="text/javascript" src="tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea",
	language : "pl"
 });
</script>

    W wordpress’ie on nie działa, dlatego muszę skorzystać z wp_register_script i wp_enqueue_script
    Wygląda to w ten sposób:

    wp_register_script('tinymc', plugins_url('/tinymce/tinymce.min.js', __FILE__), array('jquery'));
    wp_enqueue_script('tinymc');

    Dobra jest spoko ale co z fragmentem

    <script type="text/javascript">
tinymce.init({
    selector: "textarea",
	language : "pl"
 });
</script>

    Jak mam go dołączyćquestionmark.gif Może ktoś się spotkał z tym problemem bo przeszukałem cały internet i nie mogę znaleźć ;/

Zobacz 7 odpowiedzi - od 1 do 7 (z 7 łącznie)
  • Moderator Paweł Knapek

    (@adpawl)

    12 lat, 6 miesięcy temu

    Dlaczego nie skorzystasz z wp_editor ?

    A bardziej w temacie pytania …to gdzie właściwie masz ten katalog tinymce?

    Twórca wątku bigos1995-95

    (@bigos1995-95)

    12 lat, 6 miesięcy temu

    w folderze Tinymce tak jak masz tutaj adres
    wp_register_script('tinymc', plugins_url('/tinymce/tinymce.min.js', __FILE__), array('jquery'));

    Nie bardzo wiem jak użyć tej funkcji wp_editor
    Dodałem coś takiego ale nic się nie wyświetla i nie pokazuje żadnych błędów

    <?php

add_action('admin_menu', 'wp_editor_test_menu');
function wp_editor_test_menu() {
        add_menu_page('wp_editor', 'wp_editor', 'read', 'wp_editor', 'wp_editor_test_page');
}
function wp_editor_test_page() {
        echo '<div class="wrap" id="><h2>wp_editor()</h2>';

        $content = '';
        $id = 'editor-test';
        $settings = array(
                'quicktags' => array(
                        'buttons' => 'em,strong,link',
                ),
                'quicktags' => true,
                'tinymce' => true
        );

        wp_editor($content, $id, $settings);

        echo '</div>';

}
?>

    Moderator Paweł Knapek

    (@adpawl)

    12 lat, 6 miesięcy temu

    Przeczytaj jeszcze raz moje pytanie o lokalizację, potem swoją odpowiedź na to pytanie – …bez komentarza ;p

    add_action('admin_menu', 'wp_editor_test_menu');
function wp_editor_test_menu() {
       add_menu_page('wp_editor', 'wp_editor', 'read', 'wp_editor', 'wp_editor_test_page');
}

function wp_editor_test_page() {
echo '<h2>wp_editor()</h2>';

        $content = 'bla bla bla';
        $id = 'editor-test';

        $settings = array(
                'quicktags' => array(
                        'buttons' => 'em,strong,link',
                ),
                'tinymce' => true
        );

       wp_editor($content, $id, $settings);

}
    Twórca wątku bigos1995-95

    (@bigos1995-95)

    12 lat, 6 miesięcy temu

    Dodałem to co mi poprawiłeś do header.php

    Do mojej strony nowy-wpis.php
    Dodałem kod:

    <?php
/*
Template Name: Nowy wpis
*/
?>
<?php get_header();?>

<div>
<?php
wp_editor_test_page();
wp_editor_test_menu();
?>
</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

    Efekt jest tutaj: http://mniam-mniami.pl/dodaj-przepis/
    Są błędy przy wyświetlaniu menu, które na razie nie wiem jak usunąć

    Co do lokalizacji hmm… trochę się nie rozumiemy, tzn raczej ja nie rozumiem. Na jakiej podstawie działa funkcja wp_editor?? Na początku myślałem, że korzysta ona z plików w tym folderze http://files.tinypic.pl/i/00417/uq8g9261uon5.png ale o dziwo gdy go usunąłem z FTP, edytor TinyMCE dalej się wyświetlał, to myślę hmm jak tak to pewnie korzysta z pluginu TinyMCE który zainstalowałem, wiec usunąłem plugin a texatera TinyMCE dalej się wyświetla, więc nie mam pojęcia z czego korzysta funkcja wp_editor do wyświetlania edytora ;/ Mógłbyś mi to jakoś rozjaśnić ? ;> 😉

    Twórca wątku bigos1995-95

    (@bigos1995-95)

    12 lat, 6 miesięcy temu

    A nie sorki to nawet nie jest edytor z TinyMCE tylko z wordpressa;/ Wiec nie wiem o co chodzi z wp_editor jak działa, w sumie to nawet ten edytor z wordpress’a wystarczy tylko jak go dołączyć ?

    Moderator Paweł Knapek

    (@adpawl)

    12 lat, 6 miesięcy temu

    Oj, straaaaaaaaaaasznie mieszasz.

    Dodałem to co mi poprawiłeś do header.php

    Do mojej strony nowy-wpis.php
    Dodałem kod: […]
    Efekt jest tutaj: http://mniam-mniami.pl/dodaj-przepis/
    Są błędy przy wyświetlaniu menu, które na razie nie wiem jak usunąć

    Poprawiłem kod by działał …i działa. Ale wyraźnie nie wiesz co Twój własny kod robił i teraz dziwisz się, że nie działa.

    Wyjaśniam więc, ten kod dodaje w kokpicie do wordpressowego menu nową zakładkę wp_editor, po jej otwarciu na ekranie widoczny jest nagłówek H2 o treści wp_editor() a pod nim edytor z tekstem bla bla bla.

    Zatem po wrzuceniu tego kodu w plik functions.php tylko w kokpicie coś takiego się pojawi.

    Chyba więc zrozumiałe, że nie może teraz działać w sposób w jaki próbujesz go użyć.

    Co do lokalizacji hmm… trochę się nie rozumiemy, tzn raczej ja nie rozumiem. Na jakiej podstawie działa funkcja wp_editor??
    […]
    TinyMCE który zainstalowałem, wiec usunąłem plugin a texatera TinyMCE dalej się wyświetla, więc nie mam pojęcia z czego korzysta funkcja wp_editor do wyświetlania edytora ;/ Mógłbyś mi to jakoś rozjaśnić ?

    A nie sorki to nawet nie jest edytor z TinyMCE tylko z wordpressa;/ Wiec nie wiem o co chodzi z wp_editor jak działa, w sumie to nawet ten edytor z wordpress’a wystarczy tylko jak go dołączyć ?

    Oj…. widzę sporo sobie powrzucałeś w tego TwentyTen ;p
    Nie, wp_editor ani nic innego nie korzysta z tych plików, wp_editor korzysta z wordpressowych bibliotek jakie znajdują się w wp-includes/js.

    Po prostu wywołujesz tą funkcje z przynajmniej dwoma parametrami – treść i identyfikator ….ewentualnie jeszcze z trzecim – parametrami.

    $content=''; //możesz wpisać cokolwiek lub zaciągnąć z pliku/bazy etc.
wp_editor( $content, 'jakis_identyfikator' );
    Twórca wątku bigos1995-95

    (@bigos1995-95)

    12 lat, 6 miesięcy temu

    Hmmm…. chciałem zrobić całkiem co innego (może tak się nawet nie dało 😀 ) ale to co wszyło też jest spoko 😉 Rozumiem już cała filozofię^^ Ja chciałem pobrać TinyMCE wrzucić do twentyten i odpalić na stronie. A że wordpress ma blokady do JavaScriptu i trzeba to jakoś obchodzić ( nie wiem jak ) to już inna bajka. Ale sposób z wykorzystaniem funkcji wordpress’a do odpalenia okienka edytowania też jest dobry 🙂 Co do kodu to nie działał poprawnie przez te funkcje:

    add_action('admin_menu', 'wp_editor_test_menu');
function wp_editor_test_menu() {
       add_menu_page('wp_editor', 'wp_editor', 'read', 'wp_editor', 'wp_editor_test_page');
}

    Wyrzucało mi błędy przy użyciu tych funkcji.
    Zostawiłem samo:

    function wp_editor_test_page() {
echo '<h2>wp_editor()</h2>';

        $content = 'bla bla bla';
        $id = 'editor-test';

        $settings = array(
                'quicktags' => array(
                        'buttons' => 'em,strong,link',
                ),
                'tinymce' => true
        );

       wp_editor($content, $id, $settings);
}

    I wszystko działa, jest ok 😉
    efekt: http://mniam-mniami.pl/dodaj-przepis/

    adpawl bardzo dziękuję Ci za pomoc 😉

Zobacz 7 odpowiedzi - od 1 do 7 (z 7 łącznie)

Temat ‘Funkcje wordpress wp_register_script, wp_enqueue_script, zapytanie do JS’ jest zamknięty na nowe odpowiedzi.