Problema printare text din textarea, o Alternativa

Coduri intrebari, probleme legate de HTML, XHTML si CSS
Avatar utilizator
trif
Mesaje: 500

Problema printare text din textarea, o Alternativa

Buna ziua,
preiau din bd descrierea unui obiect si il pun intr-un textarea pentru a pute fi editat.

Cod: Selectaţi tot

<textarea name="descriere" style="background-color:transparent; border: none;" rows="6" cols="38">
textul meu 
</textarea>
Problema vine la printare a paginii html care daca am textarea prea mic si unul prea mare nu se imparte frumos sa intre in pagina ci sare de pe o pagina pe alta si ramane gol pe pagina anterioara.
Cum as putea sau exista ceva (gen textarea) care se poate modifica si sa il pui frumos in pagina ca la word.

Astept raspuns.
Multumesc anticipat.
Cu stima Trif
M-am hotarat!
De ce sa fiu trist?
Oricum nu intereseaza pe nimeni...!
Mai bine sunt fericit si ii enervez pe toti cu fericirea mea!
http://www.cantaricrestine.ro
---> cu stima Trif

MarPlo Mesaje: 4343
Salut
Ca idee, poti sa folosesti atributul contenteditable="true" intr-un tag <pre>. Acel atribut face continutul editabil.
Apoi cu JavaScript poti prelua si folosi continutul cum stii.
Exemplu:

Cod: Selectaţi tot

<pre id="cnt1" contenteditable="true">
Continut ce poate fi editat
https://coursesweb.net/
Alt website:
https://marplo.net/
</pre>
<button id="btn1">Clic</button>

<script type="text/javascript">
document.getElementById('btn1').onclick = function() {
  var cnt1 = document.getElementById('cnt1').innerHTML;
  alert(cnt1);
};
</script>

trif Mesaje: 500
Buna ziua,
Merge.
Faza este ca nu mi se arajeaza frumos in tabel ci mi se largeste tabelul pana se termina textul, nu mi se face rand cu rand.

Astept raspuns.
Cu stima Trif
M-am hotarat!
De ce sa fiu trist?
Oricum nu intereseaza pe nimeni...!
Mai bine sunt fericit si ii enervez pe toti cu fericirea mea!
http://www.cantaricrestine.ro
---> cu stima Trif

MarPlo Mesaje: 4343
Incearca sa folosesi stiluri CSS ca sa "aranjezi" acel element HTML, si tabelul cu o dimensiune anume.
De exemplu pt. acel tag:

Cod: Selectaţi tot

#id_tag {
  min-width: 28em;
  margin: 0.2em auto;
  padding:2px 3px 6px 3px;
  overflow: auto;
  word-wrap: break-word;
}
Plus ce proprietati cunosti, sau poti gasi pe internet la cautare probleme legate de tag-ul <pre>.

- Sau depinde si cum e adaugat din php, daca in baza de date sau la preluare nu e textul asezat pe randuri, pe acolo trebuie sa faci verificari si modificare.

Subiecte similare