Hướng dẫn html tags not rendering - thẻ html không hiển thị

Tôi đang xây dựng một hệ thống blog đơn giản với Biên tập viên Fuelphp và TinyMce.

Khi tôi định dạng văn bản của mình trong tinymce (hoặc ckeditor, không quan trọng) và lưu nó trong cơ sở dữ liệu của tôi, mọi thứ đều ổn. Tuy nhiên, khi tôi in lại văn bản, thật đáng ngạc nhiên, trình duyệt của tôi sẽ không hiển thị các thẻ HTML và hiển thị chúng dưới dạng văn bản đơn giản!

Tôi đã kiểm tra và tôi không có bất kỳ loại CDATA nào trong trang, điều đó có thể gây ra vấn đề.

Đây là cách nó kết xuất:

Tuy nhiên, khi kiểm tra vấn đề với Firebug, tôi nhận thấy rất nhiều không gian trước khi thẻ <h2> được in! Nếu tôi chỉ thực hiện một thay đổi nhỏ trong không gian (xóa cái này hoặc thêm một thay đổi khác), thì trình duyệt sẽ hiển thị các thẻ và hiển thị văn bản đúng cách !!

Các bạn có thể giúp tôi với vấn đề này không? Nó thực sự kỳ lạ.

Asked 5 years, 6 months ago 5 years, 6 months ago

Viewed 286 times 286 times

• I am new to js,
• I have a drop down slider working fine.
• Content shows fine with p tag
• but within that p tag i need to add another link or list tag
• If I give it displays the whole a tag but it doesnot render like a normal web page. since I am giving a string. content={PLAYER.accordion(ballInfo, "qwe )}"qwe

  testing

  ")}
• can you tell me how to fix it.
• providing my code below

     static accordion(ballInfo, content) {
        if (ballInfo.isRetrieving) {
            return (





 <AccordionHeader className="jump-player-question-title jump-submenu-dropmenuHeader" header="ball ball ball ball sjsdsdkjjksddjks?" content={PLAYER.accordion(ballInfo, "qwe <p> testing</p>")} />

 <AccordionHeader className="jump-player-question-title jump-submenu-dropmenuHeader" header="dsknjdsncjdnsjkcsdnjcsdncjkdsn" content={PLAYER.accordion(ballInfo, "asd <a href="#">testing 2</a>")} />

asked Apr 25, 2017 at 22:59Apr 25, 2017 at 22:59

1

I am not a react expert, but can you try with this, replace

<p> {{content}} </p>

With this

<p dangerouslySetInnerHTML={{__html: content}} />

answered Apr 25, 2017 at 23:34Apr 25, 2017 at 23:34

xploshioOnxploshioOnxploshioOn

3,9652 gold badges28 silver badges37 bronze badges2 gold badges28 silver badges37 bronze badges

13

Tôi đang sử dụng Twig làm công cụ tạo khuôn và tôi đang gặp phải vấn đề trong khi hiển thị dữ liệu HTML.

Tôi đã tìm kiếm như vậy và có được giải pháp theo sau

{% autoescape true %} {{ detailArticle.artdesc|raw}} {% endautoescape %}

Biểu thức này đang hoạt động trên localhost của tôi nhưng đưa ra vấn đề trên cpanel là máy chủ trực tiếp.

Nó không làm cho đầu ra. Nó được hiển thị dưới dạng

<span style="font-size: 12pt; font-family: 'Times New Roman', serif">.. so on

Phiên bản cành được sử dụng là

"Twig/Twig": "~ 1.16",

Xin đề nghị

Hỏi ngày 17 tháng 4 năm 2016 lúc 14:23Apr 17, 2016 at 14:23Apr 17, 2016 at 14:23

Bạn đang sử dụng autoescape, bộ đệm nội dung của khối đó, và sau đó lọc nó (thoát khỏi các thực thể HTML, v.v.). Nếu bạn muốn in ra một biến có chứa đánh dấu, hãy sử dụng cái này:

{{ detailArticle.artdesc|raw }}

In giá trị dưới dạng chuỗi thô (không thoát khỏi), hoặc:

{% autoescape false %}
{{ detailArticle.artdesc }}
{% endautoescape %}

Giống như sử dụng

<p> {{content}} </p>

Đã trả lời ngày 17 tháng 4 năm 2016 lúc 14:29Apr 17, 2016 at 14:29Apr 17, 2016 at 14:29

Elias van Ootegemelias van OotegemElias Van OotegemElias Van Ootegem

72.3k9 Huy hiệu vàng109 Huy hiệu bạc145 Huy hiệu Đồng9 gold badges109 silver badges145 bronze badges9 gold badges109 silver badges145 bronze badges

6

Hướng dẫn chọn tỉnh thành html

Nếu bạn đang sử dụng theme blogspot bán hàng, bạn nên tích hợp bộ chọn Quận, Huyện của 63 Tỉnh, Thành vào form bán hàng của theme giúp khách hàng chọn nhanh ...

Hướng dẫn br html là gì

Trang chủTham khảoTag htmlĐịnh nghĩa và sử dụngTag là tag dùng để xuống hàng trong cùng đoạn văn, giống phím Enter.Tag là tag ...

Màu nền chữ trong html

1Xác định màu nền mà bạn muốn sử dụng. Màu HTML được quy định theo mã dựa trên cơ sở tông màu. Bạn có thể dùng công cụ chọn màu HTML miễn phí W3Schools ...

Hướng dẫn sanitize-html vuejs

As part of my goal to learn more about Vue (and, honestly, find things to blog about), I came across this interesting StackOverflow post: How to Sanitize HTML Received from an API Call in Vue.js. I ...

Hướng dẫn link trong html

Home » Web Development » Học HTML Cơ Bản 12/08/2021 22422 lượt xem Ứng dụng của chèn link (liên kết) trong HTMLTrong bài này mình sẽ hướng dẫn bạn cách chèn link ...

Svg HTML la gì

Tệp đuôi SVG là gì và cách sử dụng nóSVG là một định dạng tệp phổ biến trong thiết kế Logo, bạn có thể sử dụng và xuất định dạng này dễ dàng trong ...

Hướng dẫn html minify - html minify

Th7 17, 2017 Hai G. 2ít nhất Đọc Giới thiệuBạn cần chuẩn bị gìBước 1 — Xác định CSS, HTML, JavaScript files chưa được minify.Bước 2 — Thay thế files chưa ...

Hướng dẫn dùng decimal format trong PHP

botvietbai.com cung cấp các hướng dẫn, tài liệu tham khảo và bài tập trực tuyến miễn phí bằng tất cả các ngôn ngữ chính của web. Bao gồm các chủ đề phổ ...