我正在尝试让Summernote与Webpack一起工作，但不知何故不起作用。 我安装了带有yarn yarn add summernote的summernote。 在我的javascript文件中，我导入了webpack： import $ from 'jquery';
import 'bootstrap';
import 'summernote/dist/summernote';
$('#summernote').summernote({}); 但是我得到了一个错误： Uncaught TypeError: jquery_
浏览 93提问于2021-10-18得票数 1
回答已采纳
2回答
我使用的是Summernote角指令。然而，由于某种原因，这是行不通的。
问题：
它无法识别概要记录函数..。
<summernote code="text"></summernote>
<script src="components/bower_components/summernote/dist/summernote.js"></script>
<script src="components/bower_components/angular-summernote/src/angular
浏览 6提问于2014-10-05得票数 3
回答已采纳
我已经在我的angular 2项目中添加了summernote插件，并且我使用的是ng2admin主题，而不是angular CLI。那么如何在我的项目中添加summernote编辑器呢？
我尝试在index.html文件中包含summernote css和js文件。
index.html文件
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<script src="http://cdnjs.c
浏览 5提问于2019-03-25得票数 0
2回答
我正在用summernote v0.7.3构建一个表单。
在chrome中工作很好，但是在firefox中它给出了一个错误的“节点为空”。
<div id="${id}_summernote"></div>
<script type="text/javascript">
$(document).ready(function(){
var s_note = $('#${id}_summernote');
var summernote = s_note.summernote();
}
&l
浏览 4提问于2016-02-11得票数 0
回答已采纳
我尝试使用两个相同形式的夏季笔记，但是第二个的值返回null。它适用于php，但不适用于laravel。
这是我的代码
<textarea class="js-summernote" id="summernote" name="details"></textarea>
<textarea class="js-summernote" id="summernote" name="content"></textarea>
<!--script
浏览 6提问于2019-11-22得票数 0
1回答
我试图将JS管理面板代码放在一个单独的文件中，并且只在管理面板中连接它。
1)创建\resources\js\back.js并插入js
require('codemirror');
require('codemirror/lib/codemirror.css');
require('summernote/dist/summernote-bs4.css');
require('summernote/dist/summernote-bs4');
$(document).ready(function() {
$('#
浏览 0提问于2019-03-12得票数 2
在一组非常特殊的情况下，当我在Summernote对象上调用pasteHTML()方法时，我会得到“无法在‘Node’上执行'appendChild‘”。
我想强调的是，除了下面描述的非常具体的情况外，我所做的一切都是完美的。记住这一点很重要，因为错误的“触发器”根本没有意义。
我有一个网络应用程序，实现了一个自定义的消息系统，创建，阅读，回复等。夏季笔记编辑器用于撰写。单击“回复”按钮时，原始消息将被添加到Summernote编辑器中(通过pasteHTML()方法)。同样，这(通常)是有效的。我可以打开页面，阅读消息，到处翻页，当我回复一条给定的消息时，它(通常)会按设计工作。
现
浏览 0提问于2020-05-19得票数 0
我最近在我的laravel项目中添加了laravel-mix-purgecss。它很棒，直到我注意到它去掉了Summernote中所有的css。如何从清除中排除css，或者包含所有类，以便Summernote正常工作？
请注意，在我使用Purgecss之前，Summernote运行得很好。另外，Summernote位于Vue组件中。
这是我到目前为止尝试过的。
webpack.mix.js
let mix = require('laravel-mix');
const glob = require('glob-all');
require('larav
浏览 0提问于2018-09-16得票数 2
2回答
你好，我在我的laravel项目中使用summernote，所有的工作都很好，除了在创建和编辑视图中，页面顶部有不必要的bar ()。我的代码如下：
设置：
<link rel="stylesheet" href="{{asset('assets/js/vendor/summernote/dist/summernote.css')}}">
<script src="{{asset('assets/js/vendor/summernote/dist/summernote.js')}}">&
浏览 31提问于2019-07-16得票数 0
回答已采纳
2回答
嗨，我正试着使用summernote，但是它不能完全加载。我有链接所有的脚本和样式的需要。
<!-- Bootstrap3 core CSS -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- include libries(jQuery, bootstrap3, fontawesome) -->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-aw
浏览 3提问于2014-07-13得票数 1
回答已采纳
1回答
我想在我的vue.js 2 spa中使用summernote，因为并非所有页面都使用summernote，所以我将summernote设置为一个组件，方法是添加
export default {
editor_function(){
//summernote function in summernote.min.js
}
}
然后我只是将它导入到我的.vue文件中，需要summernote，并在mounted()函数上调用editor_function，但当npm将我的vue项目编译成单个app.js文件时，我得到了错误unknown codemirror。
所以我进
浏览 1提问于2017-08-25得票数 4
回答已采纳
我正在使用Summernote，它对所有文本都有效，但我在设置AJAX调用上传图像时遇到了问题。我收到警告：“HTMLTextAreaElement.onImageUpload".没有定义$summernote :ReferenceError没有定义$summernote--它不是一个实际的错误，只是一个警告，但是函数没有被调用。
<script type="text/javascript">
$(document).ready(function() {
$('#summernote').sum
浏览 0提问于2020-04-29得票数 0
下午好。我希望得到一个带有HTML标记的文本字符串，但是summernote解释它们并显示富文本，我想要的是显示带有标记的文本，但我没有成功：
var content = '<b>Content</b> and <b>tags</b> and <i>HTML</i>';
//I have tried this:
$('#summernote').summernote('code',content);
$('#summernote').val(content)
浏览 0提问于2019-03-18得票数 0
回答已采纳
我已经使用了Summernote编辑器。我可以获得编辑器，但我无法在编辑器中输入数据。 我已按照this url中的说明操作，但在单击按钮时无法在编辑器中获取输入的数据。有人能在这方面帮我吗？谢谢 $('#summernote').summernote({
tabsize: 2,
height: 100
});
$("#test").click(function() {
var markupStr = $('#summernote').summernote('code');
alert(markupStr)
浏览 22提问于2019-12-23得票数 1
回答已采纳
我在应用程序方面有一些问题。
在小部件的工具栏中，我有按钮(.btn-fullscreen)。当用户单击此按钮时，我想更改一些块，所以我添加了javascript，但不幸的是，它不起作用。
$(".note-toolbar").on("click", ".btn-fullscreen", function () {
// Some code
console.log('CLICK'); <!-- Dont work
});
$(".btn-fullscreen").click(function
浏览 5提问于2017-12-12得票数 0
回答已采纳
错误：
setFieldValue @ onloadwff.js:71
formKeydownListener @ onloadwff.js:71
复制的步骤
创建引导程序4表单
将summernote实例放在表单中(引导版本)
按回车键
浏览器版本和summernote版本
浏览器: Chrome版本72.0.3626.121 (官方版本)(64位)
Summernote版本0.8.11 (引导版本)
截图
<!-- works -->
<div id="summernote"></div>
<!-- t
浏览 3提问于2019-03-06得票数 0
回答已采纳
我是Angular2的新手，并试图在其中使用第三方库。尝试使用summernote Js插件，用于富文本区域。
这是我的my-summernote.component.ts文件。
import { ViewChild, ElementRef, AfterViewInit, Component} from '@angular/core';
import '../../assets/plugins/summernote/summernote.min.js';
declare var jQuery: any;
@Component({
selector:
浏览 3提问于2016-12-30得票数 0
我正在创建一个组件来在我的angular应用程序中使用summernote，但是我得到了"$(...).summernote is not a function“错误。正确加载页面后，summernote没有加载。但是我真的不知道该怎么解决这个问题。
组件中的代码：
import { Component,OnInit,ElementRef } from '@angular/core';
declare var $: any;
@Component({
selector: 'app-root',
templateUrl: './app.c
浏览 6提问于2019-11-03得票数 1
我在使用jquery时遇到一些问题，我不知道该怎么办
我已经遵循了中的说明
我在head标签中插入了这段代码
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="h
浏览 75提问于2019-07-16得票数 0
1回答
我创建了一个新模块("webeditor_custom")来自定义Odoo编辑器顶部菜单，以便在现有菜单项中添加自定义字体大小。
我的模块"webeditor_custom“中的文件是：
模板/assets.xml文件：
<?xml version="1.0" encoding="utf-8" ?>
<odoo>
<template id="summernote_cust" name="My summernote assets" inherit_id=
浏览 9提问于2022-06-15得票数 1
回答已采纳
1回答
我正在寻找一个较小的Javascript“编辑器”来使用我的网络项目。我发现了，它看起来很不错，看起来很有希望。
我尝试通过创建以下代码来使用它：
<!DOCTYPE>
<html lang="en">
<head>
<!-- include libraries(jQuery, bootstrap) -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jqu
浏览 1提问于2016-12-09得票数 1
Summernote.js库在本地运行而不是在生产上运行的可能原因是什么？我使用CDN，检查我的代码：
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *
浏览 3提问于2016-07-06得票数 0
基本的问题是: gwtbootstrap3是否已经包含了jquery (我想是的，见下文)。如果是这样，为什么summernote不能参考它呢？我找到了这个答案，但我仍然不确定如何继续。
我将Summernote添加到我的GWTBootstrap3项目中。然后，我添加了以下链接到我的超文本标记语言页面，就像在summernote.org上引用的那样。这个可以完美地工作。虽然我想确保在我的项目中只有必要的链接或包含。
<!-- Summernote required includes BEGIN-->
<!-- include libraries(jQuery, bootst
浏览 11提问于2017-05-26得票数 1
我正在尝试安装"“和"”。
我还试着安装诸如"“这样的替代宝石，以避免错误，但同样的错误也会发生"Module”。CSS文件加载成功，但JavaScript文件没有加载。
使用以下方法安装Summernote gem：
application.js：
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
requir
浏览 0提问于2020-01-27得票数 0
回答已采纳
我使用这段代码在我的页面上显示summernote编辑器。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>bootstrap4</title>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<link href="https://cdnjs.clo
浏览 2提问于2018-03-20得票数 0
回答已采纳
1回答
无法粘贴summernote js中的视频
这是我的summernote配置
$('.summernote-block').summernote({
height: 250,
focus: true,
toolbar: [
// [groupName, [list of button]]
['insert', ['link', 'picture','videoAttributes','media', 'video', 'table'
浏览 0提问于2018-09-05得票数 0
回答已采纳
我正在使用summernote vue html编辑器，我在编辑器中编写了一些内容，然后将其保存在Mysql DB中，现在当我使用php从DB中检索内容并在summernote上回显时，编辑器只显示测试内容，我不能将图像值与文本赋值，请给我一些解决方案。我的代码：
初始化summernote的代码：
<!-- include jquery -->
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- include libraries BS3
浏览 32提问于2016-07-12得票数 0
回答已采纳
我正在从事基于、Webpack等的项目，当我想使用时，我遇到了非常有趣的问题
它不起作用，并给出了一个错误"TypeError: element.summernote不是函数“。如果在没有任何构建工具的情况下添加库作为脚本标记，它就正常工作，但是对于Webpack，它却没有。
所以，让我们看看文件和信任
webpack.config.js
let webpack = require('webpack');
let path = require('path');
module.exports = {
entry: {
bundl
浏览 2提问于2017-01-25得票数 4
回答已采纳
我使用sumernote编辑器为我的网站。我看了说明书，按照它嵌入的夏季笔记。问题发生在css样式设计上。它没有正常工作。这是我的密码。不出所料，我无法在屏幕上拍摄。我知道没有它很难看到发生了什么。但无论如何希望你能理解我想说的话。谢谢
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8" />
<title>site title</title>
<link rel="stylesheet&#
浏览 2提问于2014-06-11得票数 1
回答已采纳
我正在制作一个简单的博客应用程序，当我从db加载时，我得到了这个错误
模板
<template name="view">
<div>
{{{ summernote }}}
</div>
</template>
从Mongodb显示.....
<div class="container">
{{> editor}}
{{#each post }} {{> view}} {{/each}}
main.js
if (Meteor.isClient) {
T
浏览 2提问于2018-05-04得票数 0
2回答
我试图在一个应用程序中使用，但是当我在我的项目中包含summernote.js时，我一直收到这个错误：
未明错误:无法在需要时(内部/module.js:20:19)在(C:\Users\me\AppData\Roaming\npm\node_modules\electron\dist\resources\electron.asar\common\reset-search-paths.js:35:12) at Function.Module._load (module.js:418:25) at Module.require (module.js:498:17)的Module._resolv
浏览 5提问于2017-03-19得票数 1
这里我使用的是summernote编辑器，我需要在第一个位置限制空间。
<link href="~/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-lite.css" rel="stylesheet">
<div class="QB-PanelName"><la
浏览 2提问于2019-12-24得票数 0
回答已采纳
我是新来的拉拉。我用的是拉拉5.6。我只想在一个页面中使用Summernote WYSIWYG编辑器(查看)。Summernote需要一个css和一个js文件。我只想在这个视图中加载这些文件。我该怎么做？
我就是这么做的。
master.blade.php文件
<html>
@include('header')
<body>
@yield('content')
@include('footer')
</body>
</html>
ed
浏览 1提问于2018-03-20得票数 2
回答已采纳
我是新来的。我在几天前安装了npm。现在我需要在我的应用程序中使用编辑器。所以我使用"npm install summernote --save-dev“命令通过npm安装了它。并在我的app.js中添加以下行 require('./bootstrap');
require('summernote');
require('summernote/dist/summernote.css');
require('summernote/dist/summernote.js');
require('jquery')
浏览 25提问于2020-04-07得票数 1
我正在使用Summernote在我的角度应用程序。我已经导入CSS以及JS。
"./node_modules/summernote/dist/summernote-lite.min.css"
"node_modules/summernote/dist/summernote-lite.min.js"
我已经在我的组件中初始化了Summernote。
$('#summernote').summernote({
toolbar: [
['style', ['style']],
[&#
浏览 6提问于2022-07-23得票数 1
回答已采纳
我正在尝试从summernote的工具栏中删除工具提示。我尝试了以下方法，它以前有效，但自从更新到0.8.2后就不起作用了。删除工具提示的正确方法是什么？
$("#myNote").summernote({
toolbar: [
['para', ['ul']] // I want to remove this tooltip
],
focus: true
});
$('.note-editor [data-even
浏览 21提问于2016-08-22得票数 2
回答已采纳
有没有像summernote或tinyMCE这样的html编辑器，可以从bootstrap添加行和列？
我遵循了@Korgrue的建议，我发现我也可以使用summernote创建自定义按钮。但是我的代码是将原始文本放到文本区域，它不会将html转换为bootstrap。这是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<li
浏览 16提问于2017-02-24得票数 0
有人成功地使用了Meteor的Summernote编辑器吗？
请参阅
我在模板中包含了以下div：
<div id="summernote">Hello Summernote</div>
我实例化如下：
Template.sometemplate.rendered = function(){
$('#summernote').summernote({
height: 200, //set editable area's height
focus
浏览 2提问于2014-05-20得票数 5
回答已采纳
我正在构建一个使用Summernote编辑器()的应用程序。
它运行得很好，现在我想处理粘贴事件。想法是我想要粘贴内容为纯文本。本页面中的一些谷歌搜索结果是：。
这导致了我的问题-我一直试图实施，但没有成功。
我的代码：
我在我的Bootstrap / ASP.NET MVC应用程序中实现了Summernote (我使用了Summernote 0.8.8)：
<div class="form-group mb-3">
@Html.LabelFor(c => c.Content)
<div class="card-b
浏览 17提问于2018-01-30得票数 0
回答已采纳
我想定制django-summernote。主要通过添加一些自定义按钮来实现。我不知道如何去做这件事。
我可以在这里看到添加自定义按钮的文档：
但是不知道在哪里添加javascript。我已经通过我的urls添加了一个自定义文件：
class CustomAdmin(admin.ModelAdmin):
class Media:
js = (
'js/summernote.js', # project static folder
)
class SectionParagraphAdmin(SummernoteModelA
浏览 0提问于2016-01-23得票数 0
我们正在用角做一个新的项目。该项目首先使用引导程序和jquery进行设计。现在，我们转向了AngularJS，而不仅仅是php和jquery。但是jQuery中的几乎每一个插件都不能像棱镜一样工作，这就是我在使用Summernote时所发生的事情。
我试着在索引中和页面中复制init，但是它不起作用。尝试了很多东西，但还是没有用。
我在做什么：这里是我的主模板中的js链接：
<!-- jQuery first, then Bootstrap JS. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquer
浏览 3提问于2016-05-14得票数 1
回答已采纳
我得到了这个旧代码
// myenter.js, enter key is binded to insertParagraph command.
$.summernote.addPlugin({
name : 'myenter',
events : {
// redefine insertParagraph
'insertParagraph' : function(event, editor, layoutInfo) {
//you can use summernote enter
浏览 4提问于2016-06-01得票数 3
在使用WebView #javafx中加载的基于Web的文本编辑器(如 )时，无法加载图像或任何文件。
我注意到，当我在浏览器上打开summernote.html文件时，加载图像/文件工作得很好，但当我在{嵌入到我的项目中}的WebView中尝试时，无法在编辑器中加载图像/文件。
texteditor.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.layout.StackPane?>
<?import javafx.scene.web.
浏览 7提问于2018-12-30得票数 0
我的数据库中有一些包含生成html的字符串的字段，例如"Hello world“。我正在尝试将它们带到一个summernote富文本编辑器中，这样就可以在那里编辑它们。我试过了 <html>
<head>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
crossorigin="anonymous"></script>
<link href="htt
浏览 30提问于2021-03-17得票数 0
1回答
我正在使用laravel上的summernote软件包，但问题是订单列表和无序列表不在那里工作。下面是我试图使用的代码。请帮我解决这个问题。
Html：
<textarea data-feature="all" class="summernote" data-height="250" name="editor"></textarea>
版本：
"summernote": "^0.8.18",
Summernote.js：
import summernote fro
浏览 4提问于2020-10-24得票数 3
回答已采纳
有人能帮我使用Summernote的默认textarea名称值吗？编辑器在页面上看起来是正确的(我可以使用界面修改文本)，但根据我的理解，POST没有工作。
我尝试过各种POST变量，但似乎没有一个是正确的。例如summernote、note-codable和text-area。最后两个来自summernote.js。Jquery不是我很有经验的东西，所以请给我一小步。
这就是我要用的东西。
$('#summernote').summernote({height: 300});
var sHTML = $('#summernote').code();
和
浏览 6提问于2015-03-10得票数 13
回答已采纳
我在一个FileMaker解决方案中使用summernotes html表单来编写电子邮件。最初，我有一个保存按钮，用于将html uri传输到一个字段中，然后通过电子邮件将其与客户端脚本一起发送。然而，用户(和我...)我不喜欢点击“保存”然后再点击“发送”。 我想知道是否有人有任何想法如何自动化这一点。我尝试在1秒的循环中设置save函数，但是，这会停止键入并移除光标。我在想，要么通过json拉取数据，要么理想情况下，我可以用我的FileMaker 'send‘脚本来询问它。 <html lang="en">
<head>
<me
浏览 23提问于2021-01-14得票数 1
1回答
我下载了summernote的css和js。然后在关闭body元素之前导入这个文件。我还在文本区域元素中添加了id "summernote“：
<div class="form-group">
<label for="exampleFormControlTextarea1">Textarea</label>
<textarea class="form-control" id="summernote" name="summernote" ro
浏览 1提问于2018-01-01得票数 0
我想创建一个按钮，用于选择已在summernote编辑器框中输入的文本。结果就像用户在编辑器中按了ctrl+A键一样。我已经成功地创建了一个按钮，它可以在summernote之外选择一个纯文本框。下面是我的代码，它显示了我在夏季笔记选择和普通文本框选择(Hello World)中的尝试：
$('#summernote').summernote({
height: 140,
disableDragAndDrop: true,
followingToolbar: true,
});
function selectText() {
const input = d
浏览 4提问于2020-10-12得票数 0
我使用的是summernote v0.8.12
我的带有summernote的页面：
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<title>bootstrap4</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/boot
浏览 37提问于2019-11-23得票数 1
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
