问题标签 [summernote]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
125616 浏览

javascript - Summernote 图片上传

我对编辑器 Summernote 有疑问。我想将图像上传到服务器上的目录中。我有一些脚本:

当然,我有所有的 js 和 CSS 文件。我做错了什么?如果我单击图像上传并转到编辑器,则图像不在 textarea 中。

如果我删除 sendFile 函数和 onImageUpload:图像保存在 base64 上。

链接到summernote:http ://hackerwins.github.io/summernote/

0 投票
6 回答
11920 浏览

twitter-bootstrap - Summernote 模态锁定在纯 Bootstrap 模态中

有没有一种已知的方法可以让summernote modals 从bootstrap modals 中爆发出来?


我有一个普通的模态,里面有一个summernote元素,没什么特别的。

当我使用summernote 功能时,如果我在boostrap 模态中使用summernote,这就是我得到的:

在此处输入图像描述

JS:

HTML:

完整的 Bootply: http ://bootply.com/113808

0 投票
1 回答
1162 浏览

django - Django 和所见即所得编辑器(summernote)有时会加载

我在设置https://github.com/lqez/django-summernote时遇到问题。我按照配置部分的步骤进行操作,它与 django runserver 配合得很好——我在管理页面等中有summernote。但是当我将它添加到公共服务器时,它有时会加载。当我在管理页面中按 F5 时,我可以看到有时会加载 Summernote,有时却不会。在 nginx-error.log 我有这条消息,当它没有加载时:

我得到类似的东西:

当它被加载时:

我真的很困惑,因为它安装正确并且与 django runserver 配合得很好。当它被正确加载时,它工作得很好。我的静态目录也有这些文件:

谢谢

0 投票
5 回答
94044 浏览

jquery - 从summernote textarea中提取已编辑的文本

我在数据库中有一个罐头电子邮件列表。“感谢您成为会员”、“感谢您在途中购买它”——诸如此类。我正在使用 Bootstrap 模式来编辑这些电子邮件。当我单击编辑按钮时,模式下拉,并填充数据库中的数据:电子邮件名称、主题、正文。我正在使用将数据传递到引导模式来完成此操作。效果很好。现在我使用summernote 作为我的富文本编辑器。

这是显示未编辑数据的文本区域:

Summernote 类是数据如何被定向到输出文本区域以便可以编辑的方式。一旦数据被编辑,我点击提交,数据应该被拉到 JavaScript 使用下面的代码。

有趣的是,如果summernote 文本区域为空白,这可以正常工作 - 就像我正在创建一封新电子邮件而不是编辑一封电子邮件一样。应该输出编辑后的console.log电子邮件正文,但它没有。它输出原始电子邮件正文。我不确定为什么。

将编辑后的电子邮件放入我的 JavaScript 中我缺少什么。以下是我认为对这个问题很重要的代码的主要部分。

此部分是页面的输出,以及编辑按钮的数据重定向。

下一部分是将数据重定向到模态的 jQuery。这.note-editable是重定向电子邮件正文的内容。

这是模态:

下面是其他变量和 AJAX 脚本。

0 投票
1 回答
1324 浏览

php - 带有 Summernote 的 Codeigniter - 验证问题

到目前为止,我正在使用 Summernote 和 Codeigniter 并喜欢它。但我确实有一个问题,我试图使文本区域成为必需的。但是,即使您没有在文本字段中输入任何内容,它仍然会通过,因为 Summernote 会自动添加以下内容:

我该如何摆脱这个?我只需要所需的验证即可工作!

谢谢!

0 投票
6 回答
53341 浏览

javascript - 当summernote div改变时Textarea值改变

我为summernote设置了一个div来改变从数据库中提取的文本。

直接在 div 之后我有一个带有 ID 的文本区域。

我希望在输入summernote div 时更改textarea 的内容。就像我输入这个问题时发生的事情一样。

0 投票
1 回答
3827 浏览

php - 如何验证 Summernote 中的文本 - Php

我对如何避免 Xss 注入和删除标签有一些疑问:

我正在使用 sommernote,我想允许一些标签,如<br>, <p>, <strong>, etc.. 我可以使用函数 strip_tags() 但如果有人写符号更大 (>) 或更少 (<),例如:

(4 > 5)。

这已被删除,我想保留它。

此外,我需要知道输入文本的正确长度,因为我不想允许超过 N 个字符,比如说不超过 300 个字符。为了得到这个,我会使用 strip_tags() 但字符串被截断,正如我之前提到的。我怎样才能做到这一点?

显然,我想避免 XSS 注入,所以我会使用htmlentities(strip_tags(string), ENT_QUOTES)保存在数据库中,当我想在主页中显示内容时,我会使用 html_entity_decode(string),这足以避免它吗?

提前致谢

0 投票
2 回答
2255 浏览

javascript - Summernote:将工具栏中的按钮向右移动?

Summernote 工具栏中的按钮总是左对齐的。有没有办法可以将工具栏按钮的这种对齐方式更改为向右或居中?

默认位置是这样的:http: //i.imgur.com/LmXGa1p.png

我想改变按钮的对齐方式,所以它们看起来像这样:http: //i.imgur.com/R9NxbZG.png

0 投票
7 回答
3344 浏览

knockout.js - 淘汰赛和summernote不起作用

所以我试图让淘汰赛与summernote一起玩得很好,但这并没有真正奏效。我意识到这是因为summernote 使用a<div contenteditable>而不仅仅是一个输入字段。

我的绑定是这样的:

显然,仅使用 contenteditable 淘汰赛并不能很好地工作,那我该怎么办?

0 投票
1 回答
2841 浏览

meteor - Meteor:有人用过 Summernote 编辑器吗?

有人成功用过 Meteor 的 Summernote 编辑器吗?

http://hackerwins.github.io/summernote/

我在模板中包含了以下 div:

我像这样实例化:

控制台中的错误消息:

任何想法赞赏?