mooWMD не определено? - PullRequest
Новая
       26

mooWMD не определено?

4 голосов
/ 20 августа 2009

Прежде всего, вот код! 

<!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 tutorial Все, что я получаю, это пустая текстовая область с примененным к ней стилем wmd.css. Я не могу понять, что я могу делать неправильно. Все местоположения файлов правильные, но я получаю «mooWMD» не определено. Я в растерянности, и все предложения приветствуются.

Ответы [ 3 ]

1 голос
/ 16 сентября 2009

Проблема (для последующих поколений) в том, что IE не принимает следующий синтаксис: 

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

Где другие браузеры. Я изменил это на 

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

И теперь все хорошо. (использование списка рассылки привлекло бы мое внимание раньше)

1 голос
/ 21 августа 2009

Код в локальном теге 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>

Затем добавьте обработчик загрузки к тегу body: 

    <body onload="loaded();">

Обработчик загрузки не сработает, пока не загрузятся все javascript, images, css и т. Д.

0 голосов
/ 21 августа 2009 
 <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, пока он работает хорошо.

...