目录
回复内容:
Title
首页 后端开发 php教程 markdown文本怎么渲染到页面?

markdown文本怎么渲染到页面?

Jun 06, 2016 pm 08:22 PM
html markdown mysql php

数据里放的是原生态markdown文本,然后现在要读取到浏览页面?如何渲染?

  1. 先转成html格式,再放到终端页面?

  2. 还是直接把markdown文本放到前端页面,然后用js的渲染函数渲染成有格式的文本。

无论哪种方法,用户看到的肯定是格式化的文本,只不过用第一种方法看网页源代码应该全是html,而第二种方法看源代码看到的主体内容应该是markdown文本,而不是html文本

用哪种方法好?只考虑从数据库读出到前端显示这个过程(我用的是bootstrap-markdown)

回复内容:

数据里放的是原生态markdown文本,然后现在要读取到浏览页面?如何渲染?

  1. 先转成html格式,再放到终端页面?

  2. 还是直接把markdown文本放到前端页面,然后用js的渲染函数渲染成有格式的文本。

无论哪种方法,用户看到的肯定是格式化的文本,只不过用第一种方法看网页源代码应该全是html,而第二种方法看源代码看到的主体内容应该是markdown文本,而不是html文本

用哪种方法好?只考虑从数据库读出到前端显示这个过程(我用的是bootstrap-markdown)

渲染过程交给前端完成就行了……

Typecho中是使用PHP渲染后再显示给用户的。

其实使用js渲染还是后台语言渲染,都是可选的。

最主要还是视具体问题、功能而定。

像单纯是博客的话,使用这两种都没太大的关系。

题主你理解错了。浏览器能呈现,或者能渲染的,一定是符合网页规范的内容:html,css

markdown的内容,浏览器理解不了的,你需要用md的解析库,将md的内容,转换成浏览器需要的标签和样式。
举例来说 markdown中的 "## Title" 就是 "

",显示效果是这样的:

Title

解析库做的就是讲你的md文本"## Title",转换成浏览器能理解的标签"

"
所以你需要的,是一个Markdown的解析库,比如说: parsedown

第二种,用第一种你如何修改?

只保留markdown格式,你可以在输出时进行解析或者用js解析都可以

提问前先搜索。

某度和Google能出来几十页结果。

其次也可以在社区先搜索下。这个问题也是快要问烂了。

参考本站另一个问题:

http://segmentfault.com/q/1010000004113131

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

mysql用户和数据库的关系 mysql用户和数据库的关系 Apr 08, 2025 pm 07:15 PM

MySQL 数据库中,用户和数据库的关系通过权限和表定义。用户拥有用户名和密码,用于访问数据库。权限通过 GRANT 命令授予,而表由 CREATE TABLE 命令创建。要建立用户和数据库之间的关系,需创建数据库、创建用户,然后授予权限。

RDS MySQL 与 Redshift 零 ETL 集成 RDS MySQL 与 Redshift 零 ETL 集成 Apr 08, 2025 pm 07:06 PM

数据集成简化:AmazonRDSMySQL与Redshift的零ETL集成高效的数据集成是数据驱动型组织的核心。传统的ETL(提取、转换、加载)流程复杂且耗时,尤其是在将数据库(例如AmazonRDSMySQL)与数据仓库(例如Redshift)集成时。然而,AWS提供的零ETL集成方案彻底改变了这一现状,为从RDSMySQL到Redshift的数据迁移提供了简化、近乎实时的解决方案。本文将深入探讨RDSMySQL零ETL与Redshift集成,阐述其工作原理以及为数据工程师和开发者带来的优势。

mysql用户名和密码怎么填 mysql用户名和密码怎么填 Apr 08, 2025 pm 07:09 PM

要填写 MySQL 用户名和密码,请:1. 确定用户名和密码;2. 连接到数据库;3. 使用用户名和密码执行查询和命令。

MySQL 中的查询优化对于提高数据库性能至关重要,尤其是在处理大型数据集时 MySQL 中的查询优化对于提高数据库性能至关重要,尤其是在处理大型数据集时 Apr 08, 2025 pm 07:12 PM

1.使用正确的索引索引通过减少扫描的数据量来加速数据检索select*fromemployeeswherelast_name='smith';如果多次查询表的某一列,则为该列创建索引如果您或您的应用根据条件需要来自多个列的数据,则创建复合索引2.避免选择*仅选择那些需要的列,如果您选择所有不需要的列,这只会消耗更多的服务器内存并导致服务器在高负载或频率时间下变慢例如,您的表包含诸如created_at和updated_at以及时间戳之类的列,然后避免选择*,因为它们在正常情况下不需要低效查询se

MySQL:初学者的数据管理易用性 MySQL:初学者的数据管理易用性 Apr 09, 2025 am 12:07 AM

MySQL适合初学者使用,因为它安装简单、功能强大且易于管理数据。1.安装和配置简单,适用于多种操作系统。2.支持基本操作如创建数据库和表、插入、查询、更新和删除数据。3.提供高级功能如JOIN操作和子查询。4.可以通过索引、查询优化和分表分区来提升性能。5.支持备份、恢复和安全措施,确保数据的安全和一致性。

mysql怎么查看 mysql怎么查看 Apr 08, 2025 pm 07:21 PM

通过以下命令查看 MySQL 数据库:连接到服务器:mysql -u 用户名 -p 密码运行 SHOW DATABASES; 命令获取所有现有数据库选择数据库:USE 数据库名;查看表:SHOW TABLES;查看表结构:DESCRIBE 表名;查看数据:SELECT * FROM 表名;

忘记数据库密码,能在Navicat中找回吗? 忘记数据库密码,能在Navicat中找回吗? Apr 08, 2025 pm 09:51 PM

Navicat本身不存储数据库密码,只能找回加密后的密码。解决办法:1. 检查密码管理器;2. 检查Navicat的“记住密码”功能;3. 重置数据库密码;4. 联系数据库管理员。

HTML,CSS和JavaScript的角色:核心职责 HTML,CSS和JavaScript的角色:核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

See all articles