Zmiana guzika na pole tekstowe

[Bobson.]

Witam.

Mam takie małe forum ale nie potrafie sobie poradzić z jednym, mianowicie z metodą pisania postów w tematcie a dokładnie:

 

 

 

 

Chciałbym aby zamiast przycisku Postreply w tym miejscu gdzie zaznaczyłem było pole do wprowadzania tekstu tak jak jest tu na mpc. Jest to możliwe ? 

 

Oczywiście post jest wzięty pierwszy lepszy z  forum 

[Werran]

Proszę, oto edytor typu WYSIWYG

 

Pobierz TinyMC i katalog który tam będzie, wypakuj w całości do katalogu głównego na serwerze.

http://www.tinymce.com/download/download.php

 

w katalogu gdzie będziesz miał te swoje forum stwórz plik js, wklej tam ten skrypt:

tinyMCE.init({
         theme : "advanced",     
     mode: "exact",
         elements : "edytor",    
    language : "pl",
    entity_encoding : "raw",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,bullist,
        numlist,indent,separator,undo,redo,
        separator,link,unlink,anchor,image,separator,code",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    auto_cleanup_word : true,
    plugins : "table,save,advhr,advimage,advlink,emotions,iespell,
        insertdatetime,preview,zoom,flash,searchreplace,
        print,contextmenu,fullscreen",
    plugin_insertdate_dateFormat : "%m/%d/%Y",
    plugin_insertdate_timeFormat : "%H:%M:%S",
    extended_valid_elements : "a[name|href|target=_blank|title|onclick],        img[class|src|border=0|alt|title|hspace|vspace|width|height|
align|onmouseover|onmouseout|name],
        hr[class|width|size|noshade],
        font[face|size|color|style],span[class|align|style]",
    fullscreen_settings : {
        theme_advanced_path_location : "top",
        theme_advanced_buttons1 : "fullscreen,separator,preview,separator,cut,
                copy,paste,separator,undo,redo,separator,search,
                replace,separator,code,separator,cleanup,separator,             bold,italic,underline,strikethrough,separator,forecolor,
                backcolor,separator,justifyleft,justifycenter,
                justifyright,justifyfull,separator,help",
        theme_advanced_buttons2 : "removeformat,styleselect,formatselect,fontselect,
                fontsizeselect,separator,bullist,numlist,outdent,indent,separator,
link,unlink,anchor",
        theme_advanced_buttons3 : "sub,sup,separator,image,insertdate,inserttime,separator,
                tablecontrols,separator,hr,advhr,visualaid,separator,
                charmap,emotions,iespell,flash,separator,print"
    }
});

kod html w pliku gdzie będziesz mieć to swoje "dodaj posta":

w sekcji head:

<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript" src="twoja_nazwa.js"></script>

body:

<textarea  name="edytor" rows="15" cols="80"></textarea>

później zostanie Ci już tylko usunięcie tego przycisku i edycja pliku css tak by ładnie oprawić na stronie ten edytor

[Vertoi]

Proszę, oto edytor typu WYSIWYG

 

Pobierz TinyMC i katalog który tam będzie, wypakuj w całości do katalogu głównego na serwerze.

http://www.tinymce.com/download/download.php

 

w katalogu gdzie będziesz miał te swoje forum stwórz plik js, wklej tam ten skrypt:

tinyMCE.init({
         theme : "advanced",     
     mode: "exact",
         elements : "edytor",    
    language : "pl",
    entity_encoding : "raw",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,bullist,
        numlist,indent,separator,undo,redo,
        separator,link,unlink,anchor,image,separator,code",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    auto_cleanup_word : true,
    plugins : "table,save,advhr,advimage,advlink,emotions,iespell,
        insertdatetime,preview,zoom,flash,searchreplace,
        print,contextmenu,fullscreen",
    plugin_insertdate_dateFormat : "%m/%d/%Y",
    plugin_insertdate_timeFormat : "%H:%M:%S",
    extended_valid_elements : "a[name|href|target=_blank|title|onclick],        img[class|src|border=0|alt|title|hspace|vspace|width|height|
align|onmouseover|onmouseout|name],
        hr[class|width|size|noshade],
        font[face|size|color|style],span[class|align|style]",
    fullscreen_settings : {
        theme_advanced_path_location : "top",
        theme_advanced_buttons1 : "fullscreen,separator,preview,separator,cut,
                copy,paste,separator,undo,redo,separator,search,
                replace,separator,code,separator,cleanup,separator,             bold,italic,underline,strikethrough,separator,forecolor,
                backcolor,separator,justifyleft,justifycenter,
                justifyright,justifyfull,separator,help",
        theme_advanced_buttons2 : "removeformat,styleselect,formatselect,fontselect,
                fontsizeselect,separator,bullist,numlist,outdent,indent,separator,
link,unlink,anchor",
        theme_advanced_buttons3 : "sub,sup,separator,image,insertdate,inserttime,separator,
                tablecontrols,separator,hr,advhr,visualaid,separator,
                charmap,emotions,iespell,flash,separator,print"
    }
});

kod html w pliku gdzie będziesz mieć to swoje "dodaj posta":

w sekcji head:

<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript" src="twoja_nazwa.js"></script>

body:

<textarea  name="edytor" rows="15" cols="80"></textarea>

później zostanie Ci już tylko usunięcie tego przycisku i edycja pliku css tak by ładnie oprawić na stronie ten edytor

bedzie mial edytor ktory mu gowno daje bo nie jest podpiety pod skrypt...

[Bobson.]

nie ogarniam jeszcze na tyle

Mam na darmowym,  hostingu i domenie jeśli wam to pomoże mogę wam podać link jeśli to nie łamie regulaminu 

[Werran]

bedzie mial edytor ktory mu gowno daje bo nie jest podpiety pod skrypt...

fakt, nie zauważyłem, niedawno się tym bawiłem i zapomniałem, że selektora nie wstawiłem

<html>
<head>
<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>tinymce.init({selector:'textarea'});</script>
</head>
<body>
       <textarea> Masz edytor wgrany w każdym polu "TextArea"</textarea>
</body>
</html>

Proszę rozwiązanie dużo prostsze i przyjemniejsze

W niczym nie pomoże potrzebowalibyśmy plików tego forum by Ci to zrobić ale nikt za darmo dupy nie ruszy więc zostaje Ci grzebanie w kodzie, powiem tyle, że to co jest wyżej powinno Ci w zupełności wystarczyć