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

#1

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 ý .

1 Like
#2

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"

2 Likes
#3

Ầ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ế đó .

#4

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>
#5

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ế .

#6

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);

?>
#7

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 .

#8

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

1 Like
#9

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

1 Like
#10

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

#11

Vẫn không được . :frowning:

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

#12

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.

#13

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 :stuck_out_tongue:

2 Likes
#14 
{{ 'Hello<br>World' }}

Kết quả:

Hello<br>World

``` {!! 'Hello
World' !!} ``` Kết quả: ``` Hello World ```
#15

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.

2 Likes
#16

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 :slight_smile:

#17

@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á :slight_smile:

#18

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

1 Like
#19

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 :frowning:

#20

Ở dưới cùng của < body > hoặc ở < head > thêm cái thư viện của tinymce vào: <script src="//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

2 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?