Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP] Edycja bloga - pogrubienie, kursywa itp.
LargerWoo
post
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 1.11.2010
Skąd: Miasto królów Polski

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


Witam.
Tworzę właśnie system blogowy. Stworzyłem na razie prosty system dodawania wpisów z tytułem, autorem, datą i możliwościa dodania zdjęcia do wpisu. Mam proste htmlowe pole do podania treści wpisu:

Kod
<textarea name="content" rows="20" cols="80"></textarea>


Jak zabrać się do tworzenia usprawnień wpisywania tej treści? Chodzi mi o proste przyciski nad tym polem gdzie po zaznaczeniu tekstu mogę wybrać aby był pogrubiony, kursywą, miał podkreślenie, był linkiem itp.

Szukałem gdzieś takiego tutorialu, ale nic nie znalazłem - gdzie mam szukać informacji i czy php w ogóle jest odpowiednim wyborem do tego zadania?

Ten post edytował LargerWoo 2.11.2010, 17:54:03
Go to the top of the page
+Quote Post
konrados
post
Post #2





Grupa: Zarejestrowani
Postów: 623
Pomógł: 79
Dołączył: 16.01.2008

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


Do tego służy javascript a potem php.

Np. to: http://premiumsoftware.net/cleditor/

Ewentualnie proste przyciski, które zamienią zaznaczony tekst na bb code czyli
  1. [b]zaznaczenie[/b]
a potem odpowiednia interpretacja w php.

Ten post edytował konrados 2.11.2010, 18:04:16
Go to the top of the page
+Quote Post
LargerWoo
post
Post #3





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 1.11.2010
Skąd: Miasto królów Polski

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


@konrados
Dzieki za odpowiedz. Ten cleditor wydaje sie spoko, chociaz nie mam zielonego pojecia jak go uzyc winksmiley.jpg
Wg. instrukcji powinienem wstawic kod:

Kod
<link rel="stylesheet" type="text/css" href="jquery.cleditor.css" />
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.cleditor.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $("#input").cleditor();
      });
    </script>


w <head>. Tak tez zrobilem - i co? I tyle? Nic sie w kazdym razie nie dzieje winksmiley.jpg
Prosilbym o jakis prosty przyklad jak tego uzyc do formularza w html lub jakieś źródła do czytania
Go to the top of the page
+Quote Post
LargerWoo
post
Post #4





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 1.11.2010
Skąd: Miasto królów Polski

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


Dobra, juz sobie poradzilem. Dzieki wielkie

PS.
Sorry za post pod postem, nie specjalnie

Ten post edytował LargerWoo 2.11.2010, 19:17:00
Go to the top of the page
+Quote Post
gigzorr
post
Post #5





Grupa: Zarejestrowani
Postów: 652
Pomógł: 47
Dołączył: 6.02.2010
Skąd: Radom

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


http://premiumsoftware.net/cleditor/docs/GettingStarted.html
Go to the top of the page
+Quote Post
konrados
post
Post #6





Grupa: Zarejestrowani
Postów: 623
Pomógł: 79
Dołączył: 16.01.2008

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


Edit: szybciej sobie poradziłeś niż ja napisałem odpowiedźsmile.gif

Tzn. ja tego nie używam, tylko mi się tak zapamiętało.
Ale z pewnością musisz wpierw ściągnąć i wrzucić na serwer jquery - http://jquery.com/
Potem to samo z samym cleditorem - tu masz zipa: http://premiumsoftware.net/cleditor/downlo...Editor1_3_0.zip
Wszystko rozpakuj i wrzuć np. do podfolderu "jquery" na serwerze.

I wtedy dopiero ten kod:

  1. <head>
  2. <link rel="stylesheet" type="text/css" href="jquery.cleditor.css" />
  3. <script type="text/javascript" src="jquery.min.js"></script>
  4. <script type="text/javascript" src="jquery.cleditor.min.js"></script>
  5. <script type="text/javascript">
  6. $(document).ready(function() {
  7. $("#input").cleditor();
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <textarea id="input" name="input"></textarea>
  13. </body>
  14. </html>


Przy czym popraw ścieżki do "jquery.min.js" oraz "jquery.cleditor.min.js" tak by były zgodne z Twoimi ścieżkami (podfolder jquery).

Ten post edytował konrados 2.11.2010, 19:19:25
Go to the top of the page
+Quote Post
LargerWoo
post
Post #7





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 1.11.2010
Skąd: Miasto królów Polski

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


Tak dla potomnych którzy zajrzą do tematu...
Wydaje mi się, że brakowało tego:
Kod
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


Dzięki za pomoc w kązdym razie winksmiley.jpg
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 19.08.2025 - 07:31