接外包,有相关需求的可以联系我:Telegram | Email

php添加Markdown输入法,并传输对应html到数据库中

该文章创建(更新)于08/17/2019,请注意文章的时效性!
文章目录
  • 把markdown完美的添加到网站中 获取编辑后的html代码,并存入数据库
  • 获取markdown支持文件-我选择的是 Editor.md 把文件解压放到和网站的根目录 添加一下代码到需要的php文件中,注意按自己的实际文件位置来修改地址 <!--markdwwn需要--> <link rel="stylesheet" href="js/editor.md-master/css/editormd.css" /> <div align="center"> <!--我是把数据传输到edit.php,然后存入数据库中(获取的是第二个textare的值,即我们需要的html语言)--> <form action="edit.php" method="POST"> <table border="1" width="95%"> <tr> <div id="test-editor"> <textarea style="display:none;" name="mark">### 关于 Editor.md **Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery 和 Marked 构建。</textarea> <!-- 第二个隐藏文本域,用来构造生成的HTML代码,方便表单POST提交,这里的name可以任意取,后台接受时以这个name键为准 --> <textarea class="editormd-html-textarea" name="post"></textarea> </div> </tr> <tr> <input type="submit" value="提交" style="font-size:32px;"> </tr> </table> </form> </div> <script type="text/javascript"> $(function() { var editor = editormd("test-editor", { width : "95%", height : 350, path : "js/editor.md-master/lib/", saveHTMLToTextarea : true //该选项必须开启才能获取到html语言 }); }); </script> <!--markdwwn需要--> <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script src="js/editor.md-master//editormd.min.js"></script>
  • 让wordpress支持markdown
    • 把markdown完美的添加到网站中
    • 获取编辑后的html代码,并存入数据库

    • 获取markdown支持文件-我选择的是 Editor.mdeditormd-logo-64x64-1
    • 把文件解压放到和网站的根目录
    • 添加一下代码到需要的php文件中,注意按自己的实际文件位置来修改地址
    <!--markdwwn需要-->
    <link rel="stylesheet" href="js/editor.md-master/css/editormd.css" />
    
    <div align="center">
    <!--我是把数据传输到edit.php,然后存入数据库中(获取的是第二个textare的值,即我们需要的html语言)-->
        <form action="edit.php" method="POST">
            <table border="1" width="95%">
    
                <tr>
                    <div id="test-editor">
                        <textarea style="display:none;" name="mark">### 关于 Editor.md
    **Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery 和 Marked 构建。</textarea>
    <!-- 第二个隐藏文本域,用来构造生成的HTML代码,方便表单POST提交,这里的name可以任意取,后台接受时以这个name键为准 -->
    
                        <textarea class="editormd-html-textarea" name="post"></textarea>
                    </div>
                </tr>
    
                <tr>
                    <input type="submit" value="提交" style="font-size:32px;">
                </tr>
    
            </table>
        </form>
    </div>
    
    <script type="text/javascript">
        $(function() {
            var editor = editormd("test-editor", {
                 width  : "95%",
                     height : 350,
             path   : "js/editor.md-master/lib/",
             saveHTMLToTextarea : true  //该选项必须开启才能获取到html语言
            });
        });
    </script>
    
    <!--markdwwn需要-->
    <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/editor.md-master//editormd.min.js"></script>


    要不赞赏一下?

    微信
    支付宝
    PayPal
    Bitcoin

    版权声明 | Copyright

    除非特别说明,本博客所有作品均采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。转载请注明转自-
    https://www.emperinter.info/2019/08/17/php%e6%b7%bb%e5%8a%a0markdown%e8%be%93%e5%85%a5%e6%b3%95%e5%b9%b6%e4%bc%a0%e8%be%93%e5%af%b9%e5%ba%94html%e5%88%b0%e6%95%b0%e6%8d%ae%e5%ba%93%e4%b8%ad/


    要不聊聊?

    我相信你准备留下的内容是经过思考的!【勾选防爬虫,未勾选无法留言】

    *

    *



    YouTube | B站

    微信公众号

    优惠码

    阿里云国际版20美元
    Vultr10美元
    搬瓦工 | Bandwagon应该有折扣吧?
    Just My SocksJMS9272283 【注意手动复制去跳转】
    域名 | namesiloemperinter(1美元)
    币安 币安