Forum PHP.pl > Edytor nie działa jak należy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Edytor nie działa jak należy

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

frankiejojo

21.05.2019, 17:11:18

Cześć,
Piszę formularz, w pewnym momencie ma się pojawić textarea i dobrze by było, by miała wygląd jak należy.
Program w uproszczeniu składa się z dwóch plików
wyswigStart.php i wyswig.php
WyswigStat.php wygląda następująco

[HTML] pobierz, plaintext 
<HTML>
<head>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="nicEdit/nicEdit.js"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
<script type="text/javascript">
function dodawarka(){
$.get( "wyswig.php", {dane:$("#dane").val()
} ).done(function( data ) {
$("#wyniki").html(data);
});
}
</script>
</head>
<body>
<button class='button buttonPanel' onclick='dodawarka()'>Dodaj ofertę</button>
<div id='wyniki'></div>
opis: <textarea width="300px"></textarea>
</body>
</html>
[HTML] pobierz, plaintext

Textarea w powyższym pliku została umieszczona tylko po to by sprawdzić czy nicEdit działa - wykasowanie jej niczego nie zmienia w działaniu programu.

i plik wyswig.php

[HTML] pobierz, plaintext 
opis: <textarea width="300px"></textarea>
[HTML] pobierz, plaintext

i teraz cały problem polega na tym, że textarea w pliku wyswig niczym się nie różni od zwykłego inputa (poza wielkością). Zwyczajnie nie widzi tego nicEdit.
Zmiana miejsca wklejenia nicEdit (script napisany kursywą - przeniesienie tych linijek do pliku wyswig.php) zmienia tylko tyle, że osobno uruchomiony program wyswig.php wyświetla się z ładną textareą natomiast jeżeli ten plik zostanie uruchomiony za pomocą funkcji z pliku wyswigStart to "jest zwykły input".

Jak sprawić by pomiędzy div=wyniki wyświetlała się ładna textarea?
Nie mam pomysłu.

trueblue

21.05.2019, 17:14:04

Może zamiast przestarzałego nicEdit zastosuj np. CKEditor?

frankiejojo

21.05.2019, 17:44:16

Zmiana edytora niczego nie zmienia.
Z CKEdirtor:

[HTML] pobierz, plaintext 
<HTML>
<head>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
function dodawarka(){
$.get( "wyswig.php", {dane:$("#dane").val()
} ).done(function( data ) {
$("#wyniki").html(data);
});
}
</script>
</head>
<body>
<button class='button buttonPanel' onclick='dodawarka()'>Dodaj ofertę</button>
<div id='wyniki'></div>
</body>
</html>
[HTML] pobierz, plaintext

i wyswig

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>CKEditor</title>
                <script src="https://cdn.ckeditor.com/4.11.4/standard/ckeditor.js"></script>
        </head>
        <body>
                <textarea name="editor1"></textarea>
                <script>
                        CKEDITOR.replace( 'editor1' );
                </script>
        </body>
</html>
[HTML] pobierz, plaintext

Sam wyswig działa, razem nie chcą...

trueblue

21.05.2019, 18:03:42

Albo nie rozumiem co chcesz zrobić, albo dobrze rozumiem, ale to co robisz jest kompletnie bezsensowne.
Po to aby dołączyć nowy edytor wczytujesz kawałek kodu HTML Ajax'em? To jak układanka domino z 250 tys. klocków po to aby włączyć światło.
Jeszcze w pierwszym przykładzie można na to przymknąć oko, ale w drugim chcesz wstawić element <html> wraz z DOCTYPE do <div>?

Na wciśnięcie przycisku powinieneś dokleić kod <textarea> do <div>, ale bez użycia Ajax.
A potem:

[HTML] pobierz, plaintext 
CKEDITOR.replace( 'id_lub_nazwa_dodanego_textarea'); 
[HTML] pobierz, plaintext

frankiejojo

21.05.2019, 19:09:17

Do plliku wyswig.html skopiowałem przykład z instrukcji w ten sposób plik wyswig sam działał ale jak jest wywoływany ajacem to już nie.
Przyznaję CI 100% rację, że pisanie 14 linijek kodu tam gdzie można jedną jest bez sensu.
Dzięki za rady.
Zadziałało:)

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.