Wmd 如何结合大规模杀伤性武器和美化，如堆栈溢出？_Wmd_Prettify

Wmd 如何结合大规模杀伤性武器和美化，如堆栈溢出？

Wmd 如何结合大规模杀伤性武器和美化，如堆栈溢出？,wmd,prettify,Wmd,Prettify,需要将class=“prettyprint”添加到或中。让我们怎么做您可能会对这个项目感兴趣。这个版本可能有你想要的功能（但我不确定）。在jquery的帮助下，使用计时器插件，可以通过以下方式完成 <html> <head> <title>My Page Title</title> <link rel="stylesheet" type="text/css" href="wmd/wmd.css" /> &l

需要将

class=“prettyprint”

添加到

或


中。让我们怎么做
 您可能会对这个项目感兴趣。这个版本可能有你想要的功能（但我不确定）。
在jquery的帮助下，使用计时器插件，可以通过以下方式完成
<html>
  <head>
    <title>My Page Title</title>
    <link rel="stylesheet" type="text/css" href="wmd/wmd.css" />
    <script type="text/javascript" src="wmd/showdown.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.timers.js"></script>
    <link href="lib/prettify/prettify.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="lib/prettify/prettify.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            $('#wmd-input').keydown(function() {
                $(this).stopTime();
                $(this).oneTime(1000, function() {  styleCode(); });
            });
        });
        function styleCode(){

            $("#wmd-preview pre").addClass("prettyprint");
            $("#wmd-preview code").html(prettyPrintOne($("#wmd-preview code").html()));
        }
    </script>
  </head>
  <body onload="prettyPrint()">

    <div style="width:400px;min-height: 500px;">
        <div id="wmd-button-bar" class="wmd-panel"></div>
        <br/>
        <textarea id="wmd-input" class="wmd-panel"></textarea>
        <br/>
        <div id="wmd-preview" class="wmd-panel"></div>
        <br/>
        <div id="wmd-output" class="wmd-panel"></div>   
    </div>

    <script type="text/javascript" src="lib/wmd/wmd.js"></script>
  </body>

<link rel="stylesheet" href="demo.css" />
<link rel="stylesheet" href="prettify.css" />

<script src="../Markdown.Converter.js"></script>
<script src="../Markdown.Sanitizer.js"></script>
<script src="../Markdown.Editor.js"></script>
<script src="prettify.js"></script>


我的页面标题
$（文档）.ready（函数（）{
$（“#wmd输入”）.keydown（函数（）{
$（this.stopTime（）；
$（this）.oneTime（1000，function（）{styleCode（）；}）；
});
});
函数styleCode（）{
$（“#大规模杀伤性武器预览前”）.addClass（“预打印”）；
$（“#wmd预览代码”）.html（prettyPrintOne（$（“#wmd预览代码”）.html（））；
}








描述了上述方法的机理
希望能有所帮助。
看看降价编辑器
好吧，大规模杀伤性武器已经死了，但PageDown是一个基于大规模杀伤性武器来源的分支
这是一个基于大规模杀伤性武器所做工作的积极项目。这将处理标记编辑器。要使语法突出显示正常工作，还需要从项目下载源代码
将demo.html、demo.css、prettify.js、prettify.css合并到同一文件夹中
相应地修改导入：
var converter2 = new Markdown.Converter();
converter2.hooks.chain("postConversion", function (text) {
    return text.replace(/<pre>/gi, "<pre class=prettyprint>");
});

var editor2 = new Markdown.Editor(converter2, "-second");
editor2.hooks.chain("onPreviewRefresh", function () {
    prettyPrint();
});
editor2.run();



注意：这假设PageDown源文件位于父目录中
要启用语法突出显示，您需要做两件事：
将“prettyprint”类添加到编辑器生成的所有“code”元素中
在进行更改后触发prettyPrint（）事件
如果您看一下代码，我将非消毒转换器修改为同时执行以下两项操作：
var converter2=新的Markdown.Converter（）；
converter2.hooks.chain（“后转换”，函数（文本）{
返回text.replace（//gi，“”）；
});
var editor2=新的Markdown.Editor（converter2，“-second”）；
editor2.hooks.chain（“onPreviewRefresh”，函数（）{
预打印（）；
});
editor2.run（）；

给你们一个灵活性的概念。Google Code Prettify是在Code.Google.com和stackoverflow.com上启用语法高亮显示的同一个库
我花了一点时间才弄明白如何让它工作，但令人惊讶的是，它是多么容易实现。这只是一个演示示例，但要进一步扩展它应该不会太难。
link，已经死了！！注意：我需要调用PR.prettyPrint（）
，而不仅仅是prettyPrint（）
，预览才能刷新。