Question

Tout d'abord est le code ici! 

<!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>

Bam!

Mon problème est le suivant, il ne fonctionne pas comme l'exemple mooWMD tutoriel tout ce que je reçois est une zone de texte vide avec le style wmd.css appliqué. Je ne peux pas comprendre ce que je pouvais faire mal. Tous les emplacements de fichiers sont corrects mais je reçois « mooWMD » est pas défini. Je suis à une perte et toutes les suggestions sont appréciés.

Était-ce utile?

La solution

Le problème (pour les générations futures) est IE n'accepte pas la syntaxe suivante: 

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

Si d'autres navigateurs font. Je l'ai changé à 

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

Et il est bien maintenant. (En utilisant la liste de diffusion aurait obtenu mon attention plus tôt)

Autres conseils

Le code dans la balise javascript locale exécute dès que l'étiquette est traitée. Cela peut se produire avant moowmd.js la fin du chargement.

Enveloppez le code dans une fonction: 

<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>

Ensuite, ajoutez un gestionnaire onload à votre balise body: 

    <body onload="loaded();">

Le gestionnaire onload ne se déclenche pas jusqu'à ce que tout le javascript, images, css, etc ont chargé. 

 <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>

La racine du problème a fini par être l'éditeur moowmd n'a pas fonctionné de manière cohérente dans IE. La raison pour laquelle j'été fatigante pour aller avec les moowmd était j'aimé la façon dont il a géré la mise en place de plusieurs éditeurs. J'ai fini juste de passer à branche de WMD de stackoverflow il fonctionne bien jusqu'à présent.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top