30/09/2018, 17:34

Cách thiết kế Form tạo bài viết trên Website

Mình đang xây dựng một trang web tự code , vấn đề là trong form tạo bài viết của mình có thẻ 2 thẻ Input

Tiêu đề bài viết

  • input đầu type=“text” để làm tiêu đề .
    Nội dung bài viết
  • input thứ 2 để viết nội dung , nhưng mà mình để type=“text” thì khi viết nội dung bài viết vào cái input đó thì :

1 . Không xuống dòng được vì cái thẻ input type=“text” đó nó có mỗi một cái ô cho mình nhập text vào . ( vấn đề mình muốn hỏi ). Mình chỉ muốn hỏi cách xuống dòng thôi .
2 . Nó cứ dài mãi mãi thế thì khi hiển thị ra website cho người dùng đọc thì nó củ chuối sao ý .

Đinh Quốc Hân viết 19:50 ngày 30/09/2018

bạn sử dụng thẻ này nè:

<textarea name="tên trường" cols="số cột (bề dài)" rows="số hàng (bề dày)">
</textarea>

còn thẻ input để xác định chiều dài ta dùng thuộc tính size="số" vd size="30"

asdasdasd viết 19:48 ngày 30/09/2018

Ầy , tớ chưa làm thử , tại mỏi mắt quá , zz . Nhưng mà ý tớ là thế này này , cũng như tớ đang trả lời bài viết của bạn . ( Đoạn này enter là xuống dòng )

Ý tớ là làm sao để làm được như thế đó .

Đinh Quốc Hân viết 19:34 ngày 30/09/2018

Ầy , tớ chưa làm thử , tại mỏi mắt quá , zz . Nhưng mà ý tớ là thế này này , cũng như tớ đang trả lời bài viết của bạn . ( Đoạn này enter là xuống dòng )

thẻ textarea đây chính là form ô text bự đây, còn những input là trường nhỏ, text cũng là ô nhỏ ko cho nhiều dòng.

<textarea name="tên trường" cols="số cột (bề dài)" rows="số hàng (bề dày)">
</textarea>
asdasdasd viết 19:45 ngày 30/09/2018

Tớ hiểu ý bạn đang nói , dùng

<textarea name=“tên trường” cols=“số cột (bề dài)” rows=“số hàng (bề dày)”>
</textarea>

thì sẽ tạo ra được form ô text bự , chuẩn . Nhưng đó là mình đang ở trong trang tạo bài viết thôi , ở phần < textarea> mình có thể xuống dòng . Nhưng khi hiện show ra trang chủ thì nó vẫn viết liến . Tớ cũng thử thẻ < textarea> rồi nhưng mà show ra trang chủ thì nó hiển thị thành 1 dòng tuột . Mình muốn ở phần < textarea> viết như thế nào thì show ra như thế .

Đinh Quốc Hân viết 19:38 ngày 30/09/2018

bạn dùng ngôn ngữ gì, ta phải xử lý đoạn text đó, ví dụng ở PHP thì ta dùng

<?php

echo nl2br($text);

?>
asdasdasd viết 19:43 ngày 30/09/2018

Tớ dùng laravel , {!! Form::xxx() !!} , nếu làm như thế này {!! Form::text() !!} thì tớ nhập vào nội dung bài viết rồi submit => show ra nội dung bình thường .

Gió viết 19:50 ngày 30/09/2018

Thêm thẻ < pre > vào phần chữ in ra nữa

Đinh Quốc Hân viết 19:40 ngày 30/09/2018

Thường thường là phải như vậy: lấy dữ liệu từ form ~> xử lý ~> thêm vào db ~> in ra.

thì mình thêm các dùng xuống hàng bằng bước xử lý.

Còn nếu muốn text như thế nào thì dùng {{ nl2br(Form::xxx()) }} thử xem

asdasdasd viết 19:38 ngày 30/09/2018

Chưa ngủ thì đợi mình xíu nhé , mình thử test xem nó như nào đã .

asdasdasd viết 19:47 ngày 30/09/2018

Vẫn không được .

  • Lúc tạo :
  • Khi Show ra :

Anh @laptrinhio , anh chỉ em cách làm với ạ .

null viết 19:40 ngày 30/09/2018

Ký hiệu xuống dòng trong textarea là \n lúc in ra bạn replace nó thành <br> sẽ xuống dòng thôi.

Itachi Citus viết 19:39 ngày 30/09/2018

Bạn nên xài một javascript editor nếu muốn làm một sản phẩm có thể dùng được trên thực tế. Ví dụ như http://www.tinymce.com
Còn tự làm thì mình chưa biết phải làm thế nào

viết 19:44 ngày 30/09/2018
{{ 'Hello<br>World' }}

Kết quả:

Hello<br>World

``` {!! 'Hello
World' !!} ``` Kết quả: ``` Hello World ```
vũ xuân quân viết 19:47 ngày 30/09/2018

chỗ nhập nội dung thì em nên theo bạn @Itachi_Citus vì cái này có người làm sẵn rồi, mình chỉ biết cách gắn vào xài thôi. Không cần làm để mất thời gian.

asdasdasd viết 19:45 ngày 30/09/2018

Vâng , e mò mẫn từ khóa để search mà nghĩ hoài không có cái từ khóa nào để tìm ra được đáp án

asdasdasd viết 19:39 ngày 30/09/2018

@Itachi_Citus nói rõ hơn được không người ae . tại đang trong vòng luẩn quẩn loạn quá

Itachi Citus viết 19:45 ngày 30/09/2018

Bạn vô cái link đó là thấy rồi còn gì @@

asdasdasd viết 19:42 ngày 30/09/2018

thấy thì thấy nhưng cho thêm 1 chút xíu cách sử dụng đi :)) Gà mờ nó khổ thế đấy

Itachi Citus viết 19:35 ngày 30/09/2018

Ở dưới cùng của < body > hoặc ở < head > thêm cái thư viện của tinymce vào: <script src="https://daynhauhoc.com//tinymce.cachefly.net/4.2/tinymce.min.js"></script>
Thêm dòng này vào <script>tinymce.init({selector:'textarea'});</script>, tùy chỉnh selector nếu muốn thay đổi, tương tự như jquery selector.

Giả sử với đoạn khai báo trên thì vị trí input là <textarea></textarea>. Nhần f5 để thấy sự thay đổi.
Hết :v

asdasdasd viết 19:49 ngày 30/09/2018

Khà khà , đi mua cái bánh mỳ đã , về động tay động chân luôn mới được . thank kiu người ae

Bài liên quan
0