Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Prosty edytor JavaScript
Kargul1000
post 4.03.2011, 15:26:17
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 19.12.2010

Ostrzeżenie: (0%)
-----

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 smile.gif dzięki z góry. 
[HTML] pobierz, plaintext 
  1.  <input class="button" accesskey="b" name="addbbcode0" value=" B *" style="font-weight: bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" type="button">
  2.     <input class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style: italic; width: 30px;" onclick="bbstyle(2)" onmouseover="helpline('i')" type="button"> 
  3.     <input class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px;" onclick="bbstyle(4)" onmouseover="helpline('u')" type="button">
  4.  
  5. <tr><td>Nazwa Kategorii</td></tr><tr><td><input type="text" name="NazwaKategorii" maxlenght="255" size="30"></td></tr>
  6.    <tr><td>Opis Kategorii</td></tr><tr><td> <TEXTAREA NAME="OpisKategorii" COLS=71 ROWS=20></TEXTAREA></td></tr>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
wszerad
post 4.03.2011, 15:55:43
Post #2





Grupa: Zarejestrowani
Postów: 106
Pomógł: 18
Dołączył: 11.12.2008

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
Kargul1000
post 4.03.2011, 16:15:47
Post #3





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 19.12.2010

Ostrzeżenie: (0%)
-----

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 biggrin.gif Myślę ze rozjaśniłem o co mi chodzi biggrin.gif

Ten post edytował Kargul1000 4.03.2011, 16:17:48
Go to the top of the page
+Quote Post
wszerad
post 4.03.2011, 19:07:19
Post #4





Grupa: Zarejestrowani
Postów: 106
Pomógł: 18
Dołączył: 11.12.2008

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
Kargul1000
post 5.03.2011, 07:26:31
Post #5





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 19.12.2010

Ostrzeżenie: (0%)
-----

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.


Ten post edytował Kargul1000 5.03.2011, 07:57:56
Go to the top of the page
+Quote Post
wszerad
post 5.03.2011, 12:39:31
Post #6





Grupa: Zarejestrowani
Postów: 106
Pomógł: 18
Dołączył: 11.12.2008

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
Kargul1000
post 5.03.2011, 14:36:11
Post #7





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 19.12.2010

Ostrzeżenie: (0%)
-----

Znalazłem na forum takie coś ale to nie chce działać nie wiem dlaczego sad.gif(
[HTML] pobierz, plaintext 
  1.  
  2.       <html>
  3.       <head>
  4.       <script type="text/javascript">
  5.       function insertBB(bb)
  6.  
  7.       {
  8.         var bbcode = document.getElementById('newscontent').value;
  9.        switch(bb)
  10.         {
  11.         case 'B': bbcode += ""; break;
  12.         case 'I': bbcode += ""; break;
  13.         }
  14.  
  15.         document.getElementById('newscontent').value = bbcode;
  16.  
  17.        }
  18.         </script>
  19.         </head>
  20.         <body>
  21.         <input type="button" value=" B " onclick="insertBB('B')" />
  22.         <input type="button" value=" I " onclick="insertBB('I')" /><br><br>
  23.        <textarea style="width:500px; height: 250px;" id="newscontent"></textarea>
  24.        </body>
  25.  
  26.       </html>
  27.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
erix
post 5.03.2011, 14:37:57
Post #8





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
[JAVASCRIPT] pobierz, plaintext 
  1. case 'B': bbcode += ""; break;
  2.         case 'I': bbcode += ""; break;
[JAVASCRIPT] pobierz, plaintext

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


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Kargul1000
post 5.03.2011, 15:46:22
Post #9





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 19.12.2010

Ostrzeżenie: (0%)
-----

Jaaa biggrin.gif no tak exclamation.gif! heeheh dzieki biggrin.gif
Go to the top of the page
+Quote Post
wszerad
post 5.03.2011, 23:08:30
Post #10





Grupa: Zarejestrowani
Postów: 106
Pomógł: 18
Dołączył: 11.12.2008

Ostrzeżenie: (0%)
-----

No z tym, że zaznaczenia to ci to nie obejmie. No ale w sumie to jest mało ważny szczegół chyba?
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 12.07.2025 - 21:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn