Summernote 编辑器未在页面上初始化

标签 summernote html-editor

按照此处提供的步骤 http://summernote.org/getting-started/#installation 后,我尝试在我的网络应用程序中使用 Summernote

当我在浏览器中测试时,它只在编辑器底部显示调整大小 handle ,工具栏根本没有加载。我不知道除了sunnernote说明提供的步骤之外是否还有其他内容。请帮助我,因为这里有库存,我不想使用其他编辑器。感谢您的光临..

最佳答案

感谢您的报告。您可以再尝试一下下面的链接吗?

http://summernote.org/getting-started/#installation

实际上我是summernote的创建者。我用协议(protocol)更新了库路径。 如果还是不行,用index.html保存下面的内容,然后再用浏览器打开。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <!-- include libraries(jQuery, bootstrap, fontawesome) -->
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <link href="http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>

  <!-- include summernote css/js-->
  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.7.0/summernote.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.7.0/summernote.js"></script>
</head>
<body>
  <div id="summernote">Hello Summernote</div>
  <script>
    $(document).ready(function() {
        $('#summernote').summernote();
    });
  </script>
</body>
</html>

关于Summernote 编辑器未在页面上初始化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34434372/

相关文章:

php - summernote 图片上传和替代方案不起作用

jquery - Summernote - 提交后上传图像

javascript - 具有所需属性的 summernote textarea 不起作用

javascript - 将文本插入所见即所得编辑器问题

.NET WinForms HTML 编辑器组件

c# - 是否有支持从右到左语言的 C# Winforms 的 HtmlEditor?

django-summernote 图片上传

javascript - 有没有办法限制 Summernote 中可用的段落样式?

html-editor - 批处理html文件编辑

swing - 从 Java 中的 JEditorPane 逐个字符读取输入