问题标签 [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 投票
3 回答
7562 浏览

php - Summernote - 添加具有文件大小限制的图像

我一直在到处搜索以找到一种方法来防止任何大于 500kb 的图像,但还没有找到单一的解决方案。我试图限制图像文件大小的原因是针对使用有限数据计划的移动用户。

我最终相信这是不可能的,因为summernote将图像保存为类似这样的文本......

并在需要时生成图像。

即使我将它们作为文本存储在数据库中,我是否仍然需要限制文件大小?

如果我必须这样做,是否有用于此的 api?

0 投票
2 回答
22629 浏览

php - Summernote - 图片网址而不是 Base64

Summernote 所见即所得编辑器将图像文件编码为 Base64。好吧,这似乎很方便,但我希望数据库长期大量使用。这会导致一些问题 - 搜索速度慢,实现图像库等等......

我想知道它是否可以选择关闭此编码选项并使用“插入 url”方法。我一直在寻找它,但还没有很大的成功。

例如,而不是存储图像...

它应该是...

任何文件?或者有什么可以参考的例子吗?

谢谢 !

0 投票
2 回答
6054 浏览

javascript - 在summernote中从外部工具栏插入图像

我用summernote构建了一个所见即所得的编辑器。我真的很喜欢这个编辑器;但我想添加一些功能。

我缺少插入已经存在于我的服务器上的图像的能力。您可以上传图像并将其插入到 textarea 中,通过在事件editor.insertImage(welEditable, url);中调用该图像。 但我想显示一个对话框,让用户选择一个已经上传的图像。通过单击它,它应该将图像输入到summernote编辑器。onImageUpload

我遇到的问题是与summernote 编辑器的连接。如何将字符串形式的 url 发送给编辑器?

这是我现在构建的:

X应该用什么?在 summernote.js 中它是 $editable 所以它指的是可编辑的对象?但是哪一个?我怎样才能从图书馆得到它?

0 投票
2 回答
1964 浏览

php - 多个summernotes到不同的文本区域

我想将我的多个summernote textareas 指向每个指向不同的textarea 以实现多语言目的。

其中 stage 实际上应该是一个数组,用于发送到用于存储在数据库中的 php 文件。

这是我当前的 html(使用引导程序)

我知道,由于它的独特性,拥有一个 id 的阶段并不能代表一个解决方案。但我想使用 name="stage[]" 将其保存到数据库中。

我在网上搜索了类似的解决方案,但我还没有找到。我在 jQuery 方面缺乏一点经验来自己解决这个问题,所以我希望你们可以给我一个机会。

0 投票
0 回答
271 浏览

nofollow - 如何使用 Summernote 设置 rel="nofollow" 链接

我有个问题。我想在我的 Summernote 编辑器中设置 rel="nofollow" 链接。我试图 rng.insertNode($('' + sLinkText + '')[0]); 在第 1757 行,但它不起作用。

有人能帮助我吗?

谢谢

0 投票
1 回答
2058 浏览

javascript - 动态注入时summernote保存textarea值的问题

所以我在发送动态生成的文本区域的值时遇到了麻烦,并且将summernote应用于它们。

这是一个可以重现问题的链接:http: //jsfiddle.net/jk6pjnt7/1/

所以基本上,当我单击“添加 Step-textarea”时,我试图动态添加一个新的 textarea,因为我不知道用户需要多少“step”。问题是当我提交表单时,我不会得到新文本区域的值。他们将有一个空白值。

如果我做同样的事情并且我从过程中删除了summernote插件,那么一切正常。

我有一小块 coed 可以阻止表单提交并将在控制台中显示将提交的内容,因此您可能需要打开 devtools 才能查看调试信息。

0 投票
1 回答
2352 浏览

javascript - 在 Summernote 中更改 FontSize 非常错误

我在使用 Summernote 的字体大小功能时遇到问题。它似乎在 Chrome 中效果最好——但即便如此,我也必须先输入文本,突出显示它,然后从 Summernote 文本编辑器中选择我想要的字体大小来更改它。其他浏览器似乎根本不工作。

我认为这可能是由某些覆盖字体大小的类引起的,因此我尝试使用 IE 中的开发人员工具撤消任何可疑类,然后再次尝试更改字体,但没有成功。我还在整个互联网上进行了搜索,发现很少,这让我相信我安装的 Summernote 一定有问题。此外,我似乎无法在网上的任何地方找到 Summernote 的演示——这将有助于确定这只是“我”问题还是更大问题的一部分。

很感谢任何形式的帮助

我如何实例化 Summernote:

0 投票
2 回答
16072 浏览

javascript - 如何在 Summernote 所见即所得编辑器中添加图像管理器?

我试过很多所见即所得的编辑器,比如 TinyMCE、Ckeditor 和 Summernote。

我喜欢 Summernote 的简单性和编辑/保存功能,但 Summernote 似乎没有像 TinyMCE 或 CKEditor 这样的图像管理器插件。

我的网络应用程序有一个照片池(媒体库),可以由个人用户上传。我希望有一个功能,允许用户从池中选择照片,并在 Summernote 中编辑文章时将其添加到文本区域(就像 Wordpress 一样)。

如果真的不支持插件,谁能给我一些提示如何手动完成此功能?

0 投票
4 回答
7590 浏览

php - Summernote - 从服务器中删除图像

您好,我已使用以下链接中的代码允许将图像上传到服务器。 Summernote 图片上传

如果用户从编辑器中删除图像,是否可以实现类似的东西从服务器中删除图像?如果是这样,我该如何实现这一目标?

0 投票
0 回答
419 浏览

twitter-bootstrap - 了解summernote上传图片

我正在使用带有 Bootstrap 3.0 的 Summernote 编辑器,我试图了解 Summernote 如何在不保存在文件夹中的情况下上传我的图像。

看看我由 Summernote 生成的源代码:

我想base64将我的图像序列化为一个字符串,当我需要看到这个图像时,就会调用反序列化。

1 - 这个过程的正面和负面点是什么?2 - 我的想法是对的?用base64算法序列化的图像?