summernote 相关问题

TypeError $ 不是函数，Summernote，Django admin add

遵循 Django for Summernote 的所有安装说明后，我 当我转到 django admin 的“添加”页面检查编辑器是否工作时出现以下错误...

Django Summernote 插件通过 userid 上传图片

我正在使用 Django 的 Summernote 插件，我的目标是允许用户在服务器内上传媒体。目前，文件（默认情况下）组织在以上传日期命名的文件夹中。

Summernote 合并段落后添加跨度

我正在尝试围绕 Summernote (BS4) 构建内容创作应用程序，但遇到了一个不太有用的功能。 给出两段： 敏捷的棕色狐狸跳过去...... 我正在尝试围绕 Summernote (BS4) 构建一个内容创作应用程序，但遇到了一个不太有用的功能。 给出两段： <p>The quick brown fox jumps over the lazy dog.</p> <p>One, two, three, four.</p> 如果在编辑器中我使用退格键合并两个段落，我会期待这样的结果...... <p>The quick brown fox jumps over the lazy dog.One, two, three, four.</p> 这正是您在 Summernote 主页上尝试示例实现时得到的结果 但相反，我得到... <p>The quick brown fox jumps over the lazy dog.<span style="background-color: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 1rem;">One, two, three, four.</span></p> （即：具有大量样式的 <span> 元素，围绕第二段） 非常感谢您能解释一下这里发生的事情以及如何防止它发生。 非常感谢！ CDN： <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-bs4.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-bs4.js"></script> HTML： <div id="summernote"></div> jQuery： $('#summernote').summernote(); 更新： 我注意到，如果我使用 Summernote-lite 而不是 Summernote-bs4 并删除 BS4 CDN，问题就不再存在。 如果我坚持使用 Summernote-lite 但重新引入 BS4，那么问题又会出现！ CDN 没有问题： <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-lite.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-lite.js"></script> 有问题的 CDN： <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-lite.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote-lite.js"></script> 让我相信这是一个与 Bootstrap 相关的问题...... 更新2： 这实际上似乎是一个 Summernote 问题，实际上可以在 here 找到的 BS4 示例上复制，我现在已在 Github here 上报告了该示例。 我遇到了同样的问题，我通过向 note-editable 类添加 css 规则来解决： .note-editable * { line-height: inherit!important; font-size: 14px!important; font-family: 'Open Sans'; } 这为我解决了这个问题。 2024 年，同样的问题，Sachi Cortes 修复对我不起作用。有什么解决办法吗？

Summernote - 图片 url 而不是 Base64

Summernote wysiwyg 编辑器将图像文件编码为 Base64。嗯，这看起来很方便，但我预计数据库会长期大量使用。这会导致一些问题 - 搜索速度慢，执行......

Summernote删除帖子时如何删除图片？

在 Django 项目上使用 Summernote 通过管理界面添加/删除帖子，我找不到从媒体根目录中删除图像的解决方案。在 SO 上发现的类似响应均无效。 W...

如何将 HTML 复制为纯文本

当我将某些文本从某处复制粘贴到 Summernote 文本编辑器时，它也会复制样式。我需要的只是纯文本。但我得到的是带有许多 html 标签的文本。 W...

onPaste e.preventDefault 在 Chrome 上失败

我对 Summernote 中的内容可编辑有疑问。 代码笔：http://codepen.io/anon/pen/LkLYvV 当前行为：Safari/Firefox - 粘贴图像时，它只显示不允许粘贴，但在 Chr...

React Summernote onInit 函数导致问题

我正在使用[email protected]，我遇到的问题是我无法使用值或子属性设置编辑器的默认值。 我使用onInit函数方法。以下...

在summernote中设置最大长度

如何将 maxlength 应用于 Summernote？ 对文本区域应用 maxlength 在这里不起作用。 https://github.com/summernote/summernote $("#textareaid").summernote({ 工具栏：[ ['

多个 Summernote 实例

我有一个网页，其中有多个 Summernote 实例。 我有 4 个具有不同 id 的文本区域。我跑 $("textarea").each(function () { $(这个).summernote({ ...

Summernote 样式不起作用

我做了一个小提琴来暴露我在桌面上遇到的同样的问题。 在summernote编辑器中，应用字体大小和字体系列是有效的，但我无法将字体设置为粗体、斜体、删除线、超级字符...

Summernote - 如何通过 API 隐藏内部 Modal？

summernote-JS 编辑器使用并打开内部模式来插入链接、视频等。 我想隐藏，例如从外部 JS 通过 Summernote-API 实际打开的内部打开模式。 我已经查过了...

Summernote 和 Webpack 字体问题

我正在尝试在 Typescript 项目中一起使用 Summernote 和 Webpack。 （没有 React 或 Vue 或 Angular 或任何东西。）我可以用它来创建编辑器，但控制条的图标显示为

Summernote动态添加按钮时传递参数

我正在为我的 Summernote 所见即所得创建动态自定义按钮，但我遇到了问题。我想将我正在迭代的数据传递给按钮的渲染函数，但因为它是alr...

动态添加按钮时传递参数

我正在为我的 Summernote 所见即所得创建动态自定义按钮，但我遇到了问题。我想将我正在迭代的数据传递给按钮的渲染函数，但因为它是alr...

javascript: SummerNote:动态添加按钮时传递参数

我正在为我的 Summernote 所见即所得创建动态自定义按钮，但我遇到了问题。我想将我正在迭代的数据传递给按钮的渲染函数，但因为它是alr...

输入事件对于输入标签（输入标签位于 summornote 编辑器中）无法正常工作

在此输入图像描述 这是 SummerNote 和 SummerNote 编辑器输入，但是当我在输入标记中插入值然后调用输入事件来填充输入值属性时，现在我的问题是...

内容未经编辑时从 Summernote 表单获取正确的 HTML引导4

我正在使用此代码在我的页面上显示 Summernote 编辑器 引导4 我正在使用此代码在我的页面上显示 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.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-lite.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-lite.js"></script> . . . <textarea id="summernote" name="summernote">@Model.InviteEmailBody</textarea> <script> $('#summernote').summernote({ tabsize: 4, height: 220 }); $('#summernote').on('summernote.blur', function () { $('#summernote').html($('#summernote').summernote('code')); }); $('#summernote').html(escape($('#summernote').summernote('code'))); </script> 然后保存到数据库 string str = Request.Form["summernote"]; string htmlEncoded = WebUtility.HtmlEncode(str); roleToUpdate.InviteEmailBody = htmlEncoded; 当我实际编辑内容时，一切都很好，但是当我不编辑内容时，我在 str 变量中得到的值有很多 %3Cdiv%3EHello%20 我不确定我实现 Summernote 的方式是否正确，或者我将如何解决这个问题..如果有人可以提供帮助，我将不胜感激 这些垃圾是由 产生的 $('#summernote').html(escape($('#summernote').summernote('code'))); 如果您想清理您的textarea（或预置一些文本），您可以使用以下语法。第二个参数是您要设置的字符串值： $('#summernote').summernote('code', '') $('#summernote').html(escape($('#summernote').summernote('code', '<b>some</b>'))); I have multiple summernote controls on single page so i used it as below: For Get Value ----------------------------------------------------------------- let EngQuestion= $("#TxtRecord").summernote('code').trim(); let UrduQuestion= $("#TxtURecord").summernote('code').trim(); let SindiQuestion= $("#TxtSRecord").summernote('code').trim(); For Change: ----------------------------------------------------------------- $('#TxtRecord').summernote('code', ''); $('#TxtRecord').html(escape($('#TxtRecord').summernote('code', "<p>test<p>"))); $('#TxtURecord').summernote('code', ''); $('#TxtURecord').html(escape($('#TxtURecord').summernote('code', "<p>abc</p>"))); $('#TxtSRecord').summernote('code', ''); $('#TxtSRecord').html(escape($('#TxtSRecord').summernote('code', "<p>xyz</p>")));

在summernote中保存照片时超出最大上传大小

大家好，我在保存 Summernote 中的照片时遇到问题。我的项目使用springboot jsp。在summernote中添加照片并按保存时，springboot显示错误“最大上传...

在 Summernote 编辑器中将内容粘贴为纯文本

我需要在我的summernote编辑器中复制粘贴一些内容。但是当我粘贴时，它会采用我复制它的页面的样式。我需要将其粘贴为纯文本。有什么解决办法吗？