Xuống dòng đoạn text dài trên website

Be0 · July 15, 2020, 2:51pm

Hi các bác ! Chuyện là em mới học làm web. như những trang báo mạng khác, mỗi page tin tức của em có cấu trúc gồm :

tiêu đề
ảnh minh hoạ
nội dung ( text rất dài )
tác giả
Hiện tại mỗi khối tin em load qua file JSON

[
{
        "tieude" : "day la tieu de",
        "anh" : "đây là URL ảnh",
        "noidung" : "nội dung là text cực kỳ dài và dài",
        "tacgia" : "tên tác giả"
        }
]

Admin sẽ có một công cụ text Editor để soạn bài viết

Cho em hỏi làm sao để khi admin viết bài xuống dòng, in đậm bôi đen thì nó cũng tự xuống dòng bằng thẻ <br bôi đen bằng thẻ <b khi load lên trình duyệt chứ không phải một đoạn text dài liên tục như “noidung” trong file JSON. À với lại nội dung bài viết người ta lưu trong database như nào nhỉ rồi mấy cái định dạng căn lề, in đậm, in nghiêng, … người ta lưu như nào vậy ạ ? thank các bác

noname00 · July 15, 2020, 2:51pm

A post was merged into an existing topic: Topic lưu trữ các post off-topic - version 3

HR16 · July 15, 2020, 5:10pm

Đơn giản thôi, ở mục "noidung", thay vì đoạn text bình thường thì ta dùng code html. Nếu cái code editor có chức năng xuất ra code html thì dễ rồi, còn không có vào mấy trang chuyển text sang html rồi chuyển đổi.

P/s: Lưu trong đường dẫn đến file HTML, markdown vào trong file JSON chứ không phải là lưu nội dung markdown, HTML vào file JSON nha.

rogp10 · July 16, 2020, 3:25am

Dùng HTML/CSS từ ngoài đưa vào có thể phá hỏng tính thẩm mỹ của trang (như thêm màu mè tùm lum, chèn hình lung tung làm hỏng bố cục) nên ng` ta dùng các ngôn ngữ đơn giản hơn. Textile thì cổ lắm rồi và vẫn còn có những tính năng như “class/id”. BBCode thì chỉ có forum mới dùng.

https://asciidoctor.org/docs/asciidoc-vs-markdown/
https://www.zverovich.net/2016/06/16/rst-vs-markdown.html

Markup không sinh ra để ngăn chặn XSS hay injection. Script thì clean được Div che div thì dùng fragment.

Be0 · July 15, 2020, 2:09pm

Vậy thì từ text editer lưu vào database như nào ạ ?

HR16 · July 15, 2020, 3:18pm

Giống như lưu text thông thường thôi. Mà nếu em chỉ dùng ở mức cơ bản (dùng text, ảnh, bảng,…) thì nên dùng markdown, AsciiDoc, reStructuredText như @rogp10 có đề cập. Ngoài ra thì em cần thay đổi code frontend để có thể sử dụng.

Be0 · July 15, 2020, 4:50pm

@HR16 mà sao viết được mardown trong file json vậy anh ?

HR16 · July 15, 2020, 6:02pm

À nhầm, markdown và HTML không lưu được trong JSON, thay vào đó em lưu markdown, HTML vào một file riêng rồi lưu cái đường dẫn dẫn đến file đó vào trong JSON. Không nên lưu nội dung vào trong file JSON.

Be0 · July 16, 2020, 2:49am

@HR16 em vẫn chưa hiểu ạ, anh demo code thông não giúp em được không 🙆

HR16 · July 16, 2020, 4:28am

[
    {
        "tieude" : "day la tieu de",
        "anh" : "đây là URL ảnh",
        "url_noi_dung" : "nội dung được lưu vào một file riêng và đây là chỗ chứa URL tới file đó, giống URL ảnh",
        "tacgia" : "tên tác giả"
    }
]

Thường thì phần nội dung sẽ được ghi luôn vào trong file html trả về chứ không có làm kiểu này.