Javascript 无法使用所见即所得HTML，未定义错误_Javascript

Javascript 无法使用所见即所得HTML，未定义错误

javascript

Javascript 无法使用所见即所得HTML，未定义错误,javascript,Javascript,到目前为止，我使用的是最新版本（与bower一起安装，但重新定位了文件），然后我已经设置好了所有内容顺便说一下，我的“createpost”也使用jQuery+Bootstrap+a模式当所有设置都完成后，当我看到我的textarea时，它就像一个普通的，然后我看到我的控制台日志，它说：未捕获引用错误：未定义所见即所得HTML 但是，我的控制台日志中没有404错误我的代码片段： <!DOCTYPE html> <html> <head> <

到目前为止，我使用的是最新版本（与bower一起安装，但重新定位了文件），然后我已经设置好了所有内容

顺便说一下，我的“createpost”也使用jQuery+Bootstrap+a模式

当所有设置都完成后，当我看到我的

textarea

时，它就像一个普通的，然后我看到我的控制台日志，它说：

未捕获引用错误：未定义所见即所得HTML

但是，我的控制台日志中没有404错误

我的代码片段：

<!DOCTYPE html>
<html>
<head>
    <!-- Bootstrap Core CSS -->
    <link href="../../../assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="modal fade" id="addPage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <form>
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Add Page</h4>
          </div>
          <div class="modal-body">
            <div class="form-group">
              <label>Page Title</label>
              <input type="text" class="form-control" placeholder="Page Title">
            </div>
            <div class="form-group">
              <label>Page Thumbnail Image:</label>
              <input type="file" name="headerimage" style="display: inline" required accept="image/*">
            </div>
            <div class="form-group">
              <label>Page Header Image:</label>
              <input type="file" name="thumbnail" style="display: inline" required accept="image/*">
            </div>
            <div class="form-group">
              <label>Page Content</label>
                <div id="wysihtml-toolbar" style="display: none;">
                  <a data-wysihtml-command="bold">bold</a>
                  <a data-wysihtml-command="italic">italic</a>

                  <!-- Some wysihtml5 commands require extra parameters -->
                  <a data-wysihtml-command="foreColor" data-wysihtml-command-value="red">red</a>
                  <a data-wysihtml-command="foreColor" data-wysihtml-command-value="green">green</a>
                  <a data-wysihtml-command="foreColor" data-wysihtml-command-value="blue">blue</a>

                  <!-- Some wysihtml5 commands like 'createLink' require extra paramaters specified by the user (eg. href) -->
                  <a data-wysihtml-command="createLink">insert link</a>
                  <div data-wysihtml-dialog="createLink" style="display: none;">
                    <label>
                      Link:
                      <input data-wysihtml-dialog-field="href" value="http://" class="text">
                    </label>
                    <a data-wysihtml-dialog-action="save">OK</a> <a data-wysihtml-dialog-action="cancel">Cancel</a>
                  </div>
                </div>
              <textarea id="wysihtml-textarea" placeholder="Page Body"></textarea>
            </div>
            <div class="form-group">
              <label>Meta Description</label>
              <input type="text" class="form-control" placeholder="Add Meta Description...">
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="submit" class="btn btn-primary">Save changes</button>
          </div>
        </form>
        </div>
      </div>
    </div>
<!-- jQuery -->
    <script src='../../../assets/vendor/jquery/jquery.min.js'></script>

    <!-- BootstrapJS -->   
    <script src='../../../assets/vendor/bootstrap/js/bootstrap.min.js'></script>

    <!-- InlineTextEditor -->
    <script src="../../../assets/wysihtml/dist/wysihtml.js"></script>
    <script src="../../../assets/wysihtml/dist/wysihtml-toolbar.min.js"></script>
    <script src="../../../assets/wysihtml/parser_rules/advanced.js"></script> 
    <script>
        var editor = new wysihtml.Editor("wysihtml-textarea", { // id of textarea element
          toolbar:      "wysihtml-toolbar", // id of toolbar element
          parserRules:  wysihtml5ParserRules // defined in parser rules set 
        });
    </script>
</body>
</html>


&时代；
添加页面
页面标题
页面缩略图图像：
页眉图像：
页面内容
链接：
好的，取消
元描述
接近
保存更改
var editor=new wysihtml.editor（“所见即所得HTML textarea”，{//textarea元素的id
工具栏：“wysihtml工具栏”，//工具栏元素的id
parserRules:wysihtml5ParserRules//在解析器规则集中定义
});

你试过了吗

     <script>
      $(function() {
       var editor = new wysihtml.Editor("wysihtml-textarea", { // id of textarea element
              toolbar:      "wysihtml-toolbar", // id of toolbar element
              parserRules:  wysihtml5ParserRules // defined in parser rules set 
            });
     });
     </script>


$（函数（）{
var editor=new wysihtml.editor（“所见即所得HTML textarea”，{//textarea元素的id
工具栏：“wysihtml工具栏”，//工具栏元素的id
parserRules:wysihtml5ParserRules//在解析器规则集中定义
});
});

你试过了吗

     <script>
      $(function() {
       var editor = new wysihtml.Editor("wysihtml-textarea", { // id of textarea element
              toolbar:      "wysihtml-toolbar", // id of toolbar element
              parserRules:  wysihtml5ParserRules // defined in parser rules set 
            });
     });
     </script>


$（函数（）{
var editor=new wysihtml.editor（“所见即所得HTML textarea”，{//textarea元素的id
工具栏：“wysihtml工具栏”，//工具栏元素的id
parserRules:wysihtml5ParserRules//在解析器规则集中定义
});
});

我尝试将所见即所得HTML放在jQuery之前，但不起作用。他们的github repo：我试着将wysihtml放在jQuery之前，但不起作用。他们的githubrepo：我试图将与所见即所得html相关的javascript文件放在javascript下面，然后复制粘贴您的代码。现在有一些错误

（索引）：221未捕获的引用错误：所见即所得HTML未在HTMLDocument中定义。（（索引）：221）在i（jquery.min.js:2）在Object.fireWith[as resolveWith]（jquery.min.js:2）在Function.ready（jquery.min.js:2）在HTMLDocument.K（jquery.min.js:2）

。当我“查看源代码”并点击所见即所得HTML文件时，一切正常。我尝试将与所见即所得HTML相关的javascript文件放在javascript下面，然后复制粘贴您的代码。现在有一些错误

（索引）：221未捕获的引用错误：所见即所得HTML未在HTMLDocument中定义。（（索引）：221）在i（jquery.min.js:2）在Object.fireWith[as resolveWith]（jquery.min.js:2）在Function.ready（jquery.min.js:2）在HTMLDocument.K（jquery.min.js:2）

。当我“查看源代码”并点击wysihtml文件时，一切正常。