Fatal编程技术网
  • javascript/
  • Javascript 羽毛笔文本编辑器不工作

Javascript 羽毛笔文本编辑器不工作

javascript jquery

Javascript 羽毛笔文本编辑器不工作,javascript,jquery,quill,Javascript,Jquery,Quill,接下来，我尝试使用羽毛笔文本编辑器 下面是代码 <html> <head> <title></title> <link href="https://cdn.quilljs.com/1.1.6/quill.snow.css" rel="stylesheet"> <script src="Scripts/jquery-3.1.1.min.js"&g

接下来，我尝试使用羽毛笔文本编辑器

下面是代码

<html>
  <head>
    <title></title>
    <link href="https://cdn.quilljs.com/1.1.6/quill.snow.css" rel="stylesheet">
    <script src="Scripts/jquery-3.1.1.min.js"></script>
    <script src="Scripts/jquery-3.1.1.js"></script>
    <script src="https://cdn.quilljs.com/1.1.6/quill.js"></script>

    <!-- Initialize Quill editor -->
    <script>
      var quill = new Quill('#editor', {
        theme: 'snow'
      });
    </script>

    <style>
      #editor-container {
        height: 375px;
      }
    </style>
  </head>

  <body>
    <!-- Create the editor container -->
    <div id="editor">
      <p>Hello World!</p>
      <p>Some initial <strong>bold</strong> text</p>
      <p><br></p>
    </div>
  </body>
</html>


var quill=新的quill（“#编辑器”{
主题：“雪”
});
#编辑器容器{
身高：375px；
}
你好，世界

一些首字母粗体文本
但我没有得到预期的产出。我得到的结果是：

你好，世界

一些首字母粗体文本

我错过了什么

谢谢您的帮助。

看起来您多次使用了奎尔的脚本

尝试从中的示例开始


你好，世界

一些首字母粗体文本



var quill=新的quill（“#编辑器”{
主题：“雪”
});
创建容器后，需要初始化纬管编辑器（
）

另一方面，我建议在下一次遇到问题之前检查开发人员控制台。这是无价的帮助

<html>
<head>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <link href="https://cdn.quilljs.com/1.1.6/quill.snow.css" rel="stylesheet">
  <script src="https://cdn.quilljs.com/1.1.6/quill.js"></script>
  <style>
  #editor {
    height: 375px;
  }
  </style>
</head>
<body>

  <!-- Create the editor container -->
  <div id="editor">
    <p>Hello World!</p>
    <p>Some initial <strong>bold</strong> text</p>
    <p><br></p>
  </div>

  <!-- Initialize Quill editor -->
  <script>
    var quill = new Quill('#editor', {
      theme: 'snow'
    });
  </script>

</body>
</html>


#编辑{
身高：375px；
}
你好，世界

一些首字母粗体文本



var quill=新的quill（“#编辑器”{
主题：“雪”
});
我尝试删除重复的代码，我已更新了相关代码。输出仍然不变。是的。这对我有用。我还有一个问题-使用图像链接，如何将图像保存到数据库？您是否在单击羽毛笔工具栏中的“图像”的同时询问如何执行更多操作？研究如何为该事件创建自定义处理程序。为什么要添加两次jquery？Jquery mini和Jquery未缩小？ 
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <link href="https://cdn.quilljs.com/1.1.6/quill.snow.css" rel="stylesheet">
  <script src="https://cdn.quilljs.com/1.1.6/quill.js"></script>
  <style>
  #editor {
    height: 375px;
  }
  </style>
</head>
<body>

  <!-- Create the editor container -->
  <div id="editor">
    <p>Hello World!</p>
    <p>Some initial <strong>bold</strong> text</p>
    <p><br></p>
  </div>

  <!-- Initialize Quill editor -->
  <script>
    var quill = new Quill('#editor', {
      theme: 'snow'
    });
  </script>

</body>
</html>