Zaloguj się Załóż konto
Odpowiedz 
Mini edytor tekstu
28.11.2012, 22:25
Post: #1
Mini edytor tekstu
Witam,

chodzi mi o to, że chce stworzyć taki mini edytor tekstu na potrzeby mojego mini cmsa, już tłumacze o co mi chodzi. Mam sobie panel administracyjny z którego poziomu moge dodawać newsy, i chce aby w momencie pisania tych njusów nad formularzem był umieszczone przyciski typu np.: "Pogrubienie", "Podkreśłenie" itd i gdy zaznacze część napisanego tekstu w formularzu i klikne przycisk "Pogrubienie" aby ten zaznaczony tekst był w znacznikach <b>tekst</b>

Coś jak ma każde forum podczas pisania tematu Big Grin tylko oparte na przyciskach html'owskich , jest się w ogóle w stanie tak zrobić?

Tak troche namieszałem, ale mam nadzieje, że wiadomo o co chodzi Smile
Znajdź wszystkie posty użytkownika
Odpowiedz cytując ten post
28.11.2012, 22:39
Post: #2
RE: Mini edytor tekstu
http://www.queness.com/post/212/10-jquer...xt-editors
http://www.webdesignerdepot.com/2008/12/...t-editors/
http://ckeditor.com/
http://www.devcurry.com/2010/04/5-online...using.html
http://www.1stwebdesigner.com/design/10-...t-project/

Tego jest mnóstwo, wystarczy podejrzeć kod.

Znajdź nas na: Facebooku/Google+ | Download
Pomogłem? [kliknij] Smile

Odwiedź stronę użytkownika Znajdź wszystkie posty użytkownika
Odpowiedz cytując ten post
29.11.2012, 09:57
Post: #3
RE: Mini edytor tekstu
No własnie troszke nie o to mi chodzi Smile
Wiem, że istnieja gotowce, ale ja nie chce robić MS Worda ani nic takiego w tym systemie newsów.
Poprostu mam button "htmlowski" nad polem tekstowym, pisze coś-->zaznaczam klikam na przycisk "Pogrubienie" i dopisuje mi do zaznaczonego tekstu <b>wpisany tekst</b>
Znajdź wszystkie posty użytkownika
Odpowiedz cytując ten post
29.11.2012, 12:01
Post: #4
RE: Mini edytor tekstu
Ale czy ktoś Ci każe pisać zaawansowanych edytor? Smile Zobacz jak działają i wykorzystaj to przy tworzeniu własnego edytora. Oczywiście trzeba wykorzystać JS, zobacz np. tutorial http://www.devguru.com/features/tutorial...siwyg1.asp

Znajdź nas na: Facebooku/Google+ | Download
Pomogłem? [kliknij] Smile

Odwiedź stronę użytkownika Znajdź wszystkie posty użytkownika
Odpowiedz cytując ten post
29.11.2012, 12:16 (Ten post był ostatnio modyfikowany: 29.11.2012 14:01 przez Lusik.)
Post: #5
RE: Mini edytor tekstu
Aaaa czaje baze Big Grin
Dziękuje Wink

Z góry przepraszam za double posta

Wymodziłem coś takiego:
JS
Kod:
<script type="javascript">
      function putTag(field, strBefore, strAfter) {
      element = document.getElementById(field);
      element.focus();
      // IE
      if (document.selection) {
      var oRange = document.selection.createRange();
      var numLen = oRange.text.length;
      oRange.text = strBefore + oRange.text + strAfter;
      return false;
      // FF i Opera
      } else if (element.setSelectionRange) {
      var selStart = element.selectionStart, selEnd = element.selectionEnd;
      var oldScrollTop = element.scrollTop;
      oRange = element.value.substring(selStart, selEnd);
      element.value = element.value.substring(0, selStart) + strBefore + oRange + strAfter + element.value.substring(selEnd);
      element.setSelectionRange(selStart + strBefore.length, selEnd + strBefore.length);
      element.scrollTop = oldScrollTop;
      element.focus();
      } else {
      var oldScrollTop = element.scrollTop;
      element.value += strBefore + strAfter;
      element.scrollTop = oldScrollTop;
      element.focus();
      }
      }
</script>

I formularz
Kod:
<form method='POST' action='addnews.php'>
Tytuł newsa: </br><input type='text' name='title' style="width: 400px;"><br>
<input type="button" value="Pogrubienie" onclick="putTag('pole', '<b>', '</b>')" /></br>

Treść: </br><textarea name="tresc" id="pole" rows="40" cols="80"></textarea></br>
<input type='submit' value='Dodaj newsa' name='addnews'>

</form>

I nie działa, co jest tu źle ? Big Grin
[/php]
Znajdź wszystkie posty użytkownika
Odpowiedz cytując ten post
30.11.2012, 17:03
Post: #6
RE: Mini edytor tekstu
(29.11.2012 12:16)Lusik napisał(a):  Wymodziłem coś takiego:
Przecież to gotowiec z forum php.pl. Znasz JS? Zobacz http://cstruter.com/blog/45

Znajdź nas na: Facebooku/Google+ | Download
Pomogłem? [kliknij] Smile

Odwiedź stronę użytkownika Znajdź wszystkie posty użytkownika
Odpowiedz cytując ten post
30.11.2012, 17:11
Post: #7
RE: Mini edytor tekstu
Wymodziłem w takim sensie, że znalazłem.
Nie nie znam JS, inaczej bym nie robił "problemu" zresztą nvm, metodą prób i błędów doszedłem do rozwiązania. Można zakmnąć
Znajdź wszystkie posty użytkownika
Odpowiedz cytując ten post
Odpowiedz 


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości



Forum MyBBsite.pl wykorzystuje cookies. Korzystanie z witryny oznacza zgodę na ich zapis lub wykorzystanie, więcej informacji w polityce prywatności
Akceptuję politykę prywatność, zamknij informację