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 ý .
Bài liên quan
bạn sử dụng thẻ này nè:
còn thẻ input để xác định chiều dài ta dùng thuộc tính
size="số"
vdsize="30"
Ầ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ế đó .
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.Tớ hiểu ý bạn đang nói , dùng
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ế .
bạn dùng ngôn ngữ gì, ta phải xử lý đoạn text đó, ví dụng ở PHP thì ta dùng
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 .
Thêm thẻ < pre > vào phần chữ in ra nữa
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ử xemChưa ngủ thì đợi mình xíu nhé , mình thử test xem nó như nào đã .
Vẫn không được .
Anh @laptrinhio , anh chỉ em cách làm với ạ .
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.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
Kết quả:
``` {!! 'Hello
World' !!} ``` Kết quả: ``` Hello World ```
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.
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
@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á
Bạn vô cái link đó là thấy rồi còn gì @@
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
Ở 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
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