Forum PHP.pl > Prosty edytor JavaScript

Pomoc - Szukaj - Użytkownicy - Kalendarz

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

Kargul1000

4.03.2011, 15:26:17

Witam serdecznie chciałbym się dowiedzieć jak coś takiego napisać bo chciałbym dodać taki prosty edytor do swojej strony do dodawania kategorii i naprawdę nie wiem jak to ma działać proszę o jakieś wskazówki jak coś takiego napisać jakieś proste przykłady jak stworzyć samemu taki prosty edytor

dzięki z góry.

[HTML] pobierz, plaintext 
 <input class="button" accesskey="b" name="addbbcode0" value=" B *" style="font-weight: bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" type="button">
    <input class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style: italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" type="button"> 
    <input class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" type="button">
 
<tr><td>Nazwa Kategorii</td></tr><tr><td><input type="text" name="NazwaKategorii" maxlenght="255" size="30"></td></tr>
   <tr><td>Opis Kategorii</td></tr><tr><td> <TEXTAREA NAME="OpisKategorii" COLS=71 ROWS=20></TEXTAREA></td></tr>
[HTML] pobierz, plaintext

wszerad

4.03.2011, 15:55:43

Nie wiesz jak dodać do strony czy jak zrobić taki edytor?

Jeżeli chcesz zrobić edytor treści na stronie (dodawanie np dodatkowego elementu na jakimś menu) to bardziej szukaj na forum PHP bo będą ci do tego potrzebne operacje na bazie danych lub na plikach. Można zrobić to w JS ale po odświeżeniu strony wszystkie kategorie znikną a chyba nie o to chodzi?

Jeżeli chcesz zrobić edytor tekstu, który będzie wysyłać tekst zaopatrzony w pewne znaczniki(podkreślenia, pogrubienia,itp) do bazy danych to JS się przyda na pewno ale nadal będziesz potrzebować pomocy PHP aby odpowiednie znaczniki przekodować na kod HTML bo cwaniaki zaczną na twojej stronie tworzyć własne strony:D

Powiedz o co ci chodzi wtedy będę wiedział czy odesłać cię na inny dział czy ci pomóc.

Kargul1000

4.03.2011, 16:15:47

Chodzi mi o to że :
W panelu admina mam formatkę do dodawania kategorii do bazy danych i oczywiście dodając kategorie używam znaczników HTML i takie 3 przyciski usprawniły by pisanie właśnie chciałbym to zrobić w JS tylko nie wiem za bardzo jak no a jakieś edytory typu CKeditor czy inne to moim zdaniem używanie armaty do zabicia muchy

Myślę ze rozjaśniłem o co mi chodzi

wszerad

4.03.2011, 19:07:19

To więcej będzie do roboty z PHP. Musisz zapisać nową kategorie w bazie a potem przy ładowaniu strony z pętli po kategoriach będą dodawane do pliku ale to wszystko w PHP. Nazwy kategorii chyba będą w jednym stylu więc nie ma co kombinować z JS. Więc wbijaj na forum pomocy PHP.

Kargul1000

5.03.2011, 07:26:31

Ale jak już wcześniej napisałem takie dodawanie już mam czyli tak jak widać na załączonym obrazku ALE przyciski do edycji tekstu nie działają i teraz co zrobić co dopisać żeby działały i dało się dodać np b......../ b Po kliknięciu na przycisk:)
Zaznaczam text klikam na B i już są znaczniki dodane.

wszerad

5.03.2011, 12:39:31

Nie jest to prosta sprawa bo jeszcze nie dawno nie było żadnych standardów tego dotyczących i szczególnie starsze przeglądarki mogą różnie na to reagować. Ja tego jeszcze nigdy nie robiłem i chyba naprawdę łatwiej będzie skorzystać z jakiegoś gotowego rozwiązania bo inaczej będzie to dość żmudne zajęcie. Trzeba najpierw napisać funkcje, która będzie przechowywać zaznaczony tekst a następnie odnajdzie go w inpucie i podmieni. Ale tu znowu trzeba uważać, żeby nie podmienić innego tak samo wyglądającego tekstu. W każdym razie lepiej znaleźć skrypt najlepiej taki z obsługa po stronie serwera także.

Kargul1000

5.03.2011, 14:36:11

Znalazłem na forum takie coś ale to nie chce działać nie wiem dlaczego

(

[HTML] pobierz, plaintext 
 
      <html>
      <head>
      <script type="text/javascript">
      function insertBB(bb)
 
      {
        var bbcode = document.getElementById('newscontent').value;
       switch(bb)
        {
        case 'B': bbcode += ""; break;
        case 'I': bbcode += ""; break;
        }
 
        document.getElementById('newscontent').value = bbcode;
 
       }
        </script>
        </head>
        <body>
        <input type="button" value=" B " onclick="insertBB('B')" />
        <input type="button" value=" I " onclick="insertBB('I')" /><br><br>
       <textarea style="width:500px; height: 250px;" id="newscontent"></textarea>
       </body>
 
      </html>
 
[HTML] pobierz, plaintext

erix

5.03.2011, 14:37:57

Cytat

[JAVASCRIPT] pobierz, plaintext 
case 'B': bbcode += ""; break;
        case 'I': bbcode += ""; break;
[JAVASCRIPT] pobierz, plaintext

No jak dopisujesz pustego stringa, to co się dziwić?

Kargul1000

5.03.2011, 15:46:22

Jaaa

no tak

! heeheh dzieki

wszerad

5.03.2011, 23:08:30

No z tym, że zaznaczenia to ci to nie obejmie. No ale w sumie to jest mało ważny szczegół chyba?

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.