javascript - SUmmernote 不能正确显示。我是说它的风格

标签 javascript css twitter-bootstrap-3

我正在为我的网站使用 sumernote 编辑器。我根据它嵌入的summernote阅读了说明。问题发生在 vs 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>

最佳答案

问题出在我的 summernote 版本上。我将 summernote 用于 bootstrap 2,但我的 Bootstrap 版本是 3。当我为 Bootstrap 3 下载 summernote 时。一切正常。

关于javascript - SUmmernote 不能正确显示。我是说它的风格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24158945/

相关文章:

javascript - 请解释通常用于定义 Dragging RaphaelJs 的 javascript 逗号语法

javascript - 使用单页应用程序的 Rails CSRF 保护( react 、 Angular 、 Ember )

css - Font Awesome 5,为什么不显示 CSS 内容?

javascript - 此特定动画的 javascript 问题

css - 在 Bootstrap 3 面板标题中嵌入搜索表单

jquery - 在 Bootstrap 中滚动后更改导航栏中的 Logo 和字体

html - Bootstrap3 单选按钮不适用于键盘

JavaScript - 在 O(n) 中通过原始数组的内容过滤对象数组

javascript - 将一个字符串分成两部分并将每个部分放在不同的新字符串中

html - 将 td 宽度设置为 % 的表格