Forum PHP.pl > [PHP] Edycja bloga - pogrubienie, kursywa itp.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP] Edycja bloga - pogrubienie, kursywa itp.

LargerWoo

2.11.2010, 17:53:22

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

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?

konrados

2.11.2010, 18:03:50

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

[PHP] pobierz, plaintext 
[b]zaznaczenie[/b]
[PHP] pobierz, plaintext

a potem odpowiednia interpretacja w php.

LargerWoo

2.11.2010, 18:52:45

@konrados
Dzieki za odpowiedz. Ten cleditor wydaje sie spoko, chociaz nie mam zielonego pojecia jak go uzyc

Wg. instrukcji powinienem wstawic kod:

Kod

w <head>. Tak tez zrobilem - i co? I tyle? Nic sie w kazdym razie nie dzieje

Prosilbym o jakis prosty przyklad jak tego uzyc do formularza w html lub jakieś źródła do czytania

LargerWoo

2.11.2010, 18:52:45

Dobra, juz sobie poradzilem. Dzieki wielkie

PS.
Sorry za post pod postem, nie specjalnie

gigzorr

2.11.2010, 19:16:03

http://premiumsoftware.net/cleditor/docs/GettingStarted.html

konrados

2.11.2010, 19:18:33

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

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:

[HTML] pobierz, plaintext 
<html>
  <head>
    <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>
  </head>
  <body>
    <textarea id="input" name="input"></textarea>
  </body>
</html>
[HTML] pobierz, plaintext

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).

LargerWoo

2.11.2010, 20:15:03

Tak dla potomnych którzy zajrzą do tematu...
Wydaje mi się, że brakowało tego:

Kod

Dzięki za pomoc w kązdym razie

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.