4

首先是代码！ 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="content/wmd.css" rel="stylesheet" type="text/css" />
    <title>some title </title>
</head>
<body>
    <div class="main">
        <form>
            <h2>Only teaxt area</h2>
            <div id="wmd-editor-uno" class="wmd-panel">
                <div id="wmd-button-bar-uno" class='wmd-button-bar'></div>
                <textarea name='id-uno' id='id-uno'></textarea>
            </div>
        </form>
    </div>
    <script type='text/javascript' src="Scripts/mootools-yui-compressed.js"></script>
    <script type='text/javascript' src="Scripts/moowmd.js"></script>
    <script type="text/javascript">
        var MyConfig = [
        {
            input: 'id-uno',
            postfix: '-uno'
         }];
         window.addEvent('domready', function() {
             window.MyMooWMD = new mooWMD.WMD(window.MyConfig);
             window.MyMooWMD.start();
         });
    </script>
</body>
</html>

砰！

我的问题是，它不像mooWMD 教程中的示例那样工作，我得到的只是一个应用了 wmd.css 样式的空文本区域。我无法弄清楚我可能做错了什么。所有文件位置都是正确的，但我得到“mooWMD”未定义。我很茫然任何和所有的建议都表示赞赏。

4

3 回答 3

1

处理完标记后，本地 javascript 标记中的代码就会立即执行。这可能发生在 moowmd.js 完成加载之前。

将代码包装在一个函数中：

<script type="text/javascript">
    function loaded() {
        var MyConfig = [
        {
            input: 'id-uno',
            postfix: '-uno'
         }];
         window.addEvent('domready', function() {
             window.MyMooWMD = new mooWMD.WMD(window.MyConfig);
             window.MyMooWMD.start();
         });}
</script>

然后将 onload 处理程序添加到您的 body 标签：

    <body onload="loaded();">

在加载所有 javascript、图像、css 等之前，onload 处理程序不会触发。

于 2009-08-20T21:21:41.173 回答
1

问题（对于后代）是 IE 不接受以下语法：

{
   att1: 'value',
   att2: 'value'
}

其他浏览器在哪里。我把它改成

{
   'att1': 'value',
   'att2': 'value'
}

现在很好。（使用邮件列表会更早引起我的注意）

于 2009-09-16T17:15:30.157 回答
0 
 <head>
       <title>some title </title>
       <link rel="stylesheet" type="text/css" href="Content/wmd.css" />
       <script type="text/javascript" src="Scripts/showdown.js"></script>
     </head>
     <body>
        <div class="main">
            <div id="wmd-editor" class="wmd-panel">
                <div id="wmd-button-bar">
                </div>
                <textarea id="wmd-input"></textarea>
            </div>
            <div id="wmd-preview" class="wmd-panel">
            </div>
            <div id="wmd-output" class="wmd-panel">
            </div>
        </div>
        <script type="text/javascript" src="Scripts/wmd.js"></script>
    </body>

问题的根源最终是 moowmd 编辑器在 IE 中无法始终如一地工作。我厌倦了使用 moowmd 的原因是我喜欢他处理设置多个编辑器的方式。我最终只是切换到stackoverflow的wmd分支，到目前为止它运行良好。

于 2009-08-21T18:48:44.483 回答