SUmmernote无法正常显示。我的意思是它的风格

时间:2014-06-11 09:11:50

标签: javascript css twitter-bootstrap-3

我在我的网站上使用sumernote编辑器。我根据它嵌入的summernote读了指令。问题出现与css样式。它工作不正常。这是我的代码。不幸的是我无法发布屏幕截图。我知道没有它就很难看到发生了什么。但无论如何,希望你能理解我想说的话。谢谢

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8" />
  <title>site title</title>
  <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <script src="lib/jquery/jquery.min.js"></script>       
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">

  <!-- include summernote css/js-->
  <link href="lib/summernote/dist/summernote.css" />
  <script src="lib/summernote/dist/summernote.js"></script>
</head>

<body >
             <div id="text" class="summernote">
                 </div>
    <script type="text/javascript">
      $('.summernote').summernote({
      height: 300,                 // set editor height
      minHeight: null,             // set minimum height of editor
      maxHeight: null,             // set maximum height of editor
      focus: true,                 // set focus to editable area after initializing summernote
      });
    </script>

    <script src="lib/bootstrap/js/bootstrap.js"></script>

  </body>

</html>

1 个答案:

答案 0 :(得分:1)

问题是我的夏令营版本。我使用summernote for bootstrap 2,但我的Bootstrap版本是3.当我下载Bootstrap的summernote时3.一切正常。