http://www.pchserch.com

                                                                  【极速快乐十分计划】php网站如何集成markdown编辑器-PHP问题

                                                                  markdown(是什么?

                                                                  Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它用简洁的语法代替排版,而不像一般我们用的文字处理软件 W,ord 等有大量的排版、字体设置。这使得我们能够专心的码字,而不需要额外地进行排版修饰,既简单又方便。很多站长编辑都喜欢用markdown来写文章,像简书、开源中国等平台都支持markdown编辑。

                                                                  大家可能用[的是不同的建站系统开发的网站,但不必担心,markdown的集成很简单,虽然系统可能不同,但原理都是一样的,这里我借助我自己的站点为例,就不过多的讲解蝉知系统内部集成,只是给大家演示下整体的操作流程,以供大家参考。

                                                                  操作过程:

                                                                  首先,我们需要先下载解释器showdown.js,传送门:https://github.com/showdownjs/showdown

                                                                  然后将showdown.js引入到内容编辑页面的模板文件中。

                                                                  引入下面的JS代码:

                                                                  function compile(){    var text = document.getElementById("content").value;    var converter = new s)howdown.Converter();    var html = converter.makeHtml(text);    document.getElementById("result").innerHTML = html;}

                                                                  上面代码中,text是获取你输入的markdown语法的文章内容,然后实例化解释器对象,然后使用解释器将你输入的文章内容翻译成目标样式的界面内容,即html,然后输出即可。

                                                                  注:根据不同系统的具体操作不同,有的可能会涉及到数据库字段创建等,代码的引入方式也因不同系统架构、扩展原理不同而又差别。

                                                                  以上内容仅供参考!

                                                                  推荐教程:PHP视频教程

                                                                  以上就是php网站如何集成markdown编辑器的详细内容,更多请关注php中文网其它相关文章!

                                                                1. 微信
                                                                2. 分享php中文网最新课程二维码相关标签:php 网站 集成 markdown
                                                                3. 本文原创发布ph]p中文网
                                                                4. 郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

                                                                  上一篇:谷歌10月15日召开发布会:预计将发布Pixel 4手机 - 谷歌
                                                                  下一篇:没有了