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

autocomplete - 具有自动完成/哈希替换功能的 WYSWIG 编辑器

我正在尝试使用 CKEditor 或 Summernote 来实现标签替换/自动完成功能,但是在我把头撞到墙上几天之后,我根本没有前进。问题:

  • 用户在打开自动完成列表的编辑器中输入#,在输入期间根据输入的内容过滤列表

  • 当用户选择选项之一时,带有链接文本的 # 将替换为更长的文本

  • 选择主题标签文本后,用户无需关注编辑器即可继续写作

例子:

array( "welcometext" => "尊敬的用户欢迎来到我们的系统", "footertext" => "希望你能尽快来到这里")

我遇到的两个问题是 - 使任何自动完成功能以任何方式工作 - 创建了简单的 ckeditor 插件,该插件用硬编码文本替换了 hastags,但在替换后焦点丢失了

任何帮助将不胜感激。

0 投票
2 回答
2462 浏览

php - Summernote 文本未存储到数据库中

我正在使用summernote编辑文本,当我通过summernote工具栏或菜单将样式赋予文本时,它会出现,但在提交文本和html标签后存储在数据库中,样式由此转义。

脚本

存储在数据库中的代码

有人对此有解决方案吗?谢谢你。

0 投票
2 回答
13403 浏览

reset - 如何使用summernote重置textarea

在表单中提交后,除 TEXTAREA 之外的所有字段都将被清除。我将summernote用于textarea。(使用引导程序)

#description是文本区域的 id。

重置完成如下

#submit-box是表单的id

0 投票
1 回答
527 浏览

html - Summernote 所见即所得无法在外部弹出窗口中正确显示

我知道这一定很容易,但我无法弄清楚。如果 Summernote 在 JQM 文档的第一个page元素中,它可以正常工作,但如果 Summernote 在外部弹出窗口中或在多页 Web 的其他页面上,则 Summernote 已初始化,但图标的间距很奇怪——参见小提琴)。我尝试比较 css 的应用方式,看起来 JQM 主题正在覆盖引导 css,尽管我不确定(添加 !important 到所有引导程序和summernote css 不是一个选项——除了它必须是初始化或加载问题)。有人有想法吗?

0 投票
6 回答
15045 浏览

javascript - Summernote:初始化后设置焦点

Summernote为您提供了在创建编辑器时将焦点置于编辑器的选项,并传递以下选项:

但是在初始化之后,您似乎无法通过单击按钮或类似按钮将焦点放在文本区域上。我尝试了几种方法,都没有成功。

有人这样做吗?

0 投票
0 回答
535 浏览

php - 如何使用php在summernote bootstrap中获取图像

我在 bootstrap 中使用 Summernote 作为我的编辑器。它看起来不错,我喜欢使用它。我可以得到用户插入的文本,但是,问题是当用户插入图像时,图像的 src 返回到二进制文本。我不想将 src 的整个文本保存到数据库中,而是希望将图像直接保存到我的磁盘驱动器并复制图像名称并将其保存到数据库中。

有人知道吗?

0 投票
0 回答
622 浏览

summernote - Wrap a summernote Wrappedrange

我正在summernote之上编写一些自定义代码。我有一个包含几个节点的夏季笔记 WrappedRange。我只是想将所有这些节点包装在一个新的父节点中。我在summernote中找不到执行此操作的方法。它是否存在,还是我需要编写一个例程来执行此操作?你将如何做到这一点?

我正在执行以下操作:

0 投票
2 回答
13031 浏览

angularjs - 如何在angularjs中使用summernote

我会将Summernote与 AngularJS 一起使用。我找到了https://github.com/outsideris/angular-summernote,但这对我不起作用。我唯一得到的是一个错误

错误:未定义不是函数(评估'element.summernote(summernoteConfig)')

我已经包含了所有必需的文件,如 jquery、bootstrap、summernote 等。

我的第二个想法是在没有 angular-summernote 指令的情况下使用 Summer Note。但这也不应该完美地工作。

如果我尝试

summernote 不起作用,但如果我尝试某事。喜欢

它有效,但我会使用我本地的 Summernote 副本,所以第二个不是我需要的

希望您理解我的问题并感谢您的帮助 Rico

0 投票
2 回答
1091 浏览

codeigniter - Codeigniter summernote 失败结果

我正在使用带有 Summernote 编辑器的 codeigniter 框架。

如果我在没有框架的 php post 中使用单个页面,结果是这样的:

但是,如果我在 codeigniter 中使用 post ,结果会有所不同,如下所示:

style='font-weight: '不见了..

为什么会发生,解决方案是什么?
感谢您的帮助。

0 投票
1 回答
4561 浏览

django - django-summernote 图片上传

我最近用我的表单实现了django-summernote,它适用于文本。但是,我很难准确了解图像上传的工作原理。有人对它是如何完成的有一些意见吗?

问题

使用 Summernote 从文件中选择图像时,“插入图像”按钮被禁用(适用于图像链接)。我没有编写自定义的“upload_to”函数,但据我所知,这已经在 django-summernote 中完成了。

细节

  1. 根据文档安装 django-summernote。
  2. 在 url 和 INSTALLED_APPS 中添加了 summernote
  3. 在我的表单字段中添加了summernote

    方向=forms.CharField(小部件=SummernoteInplaceWidget(attrs={'maxlength':'4000'}),必需=假,)

  4. 还在 SUMMERNOTE_CONFIG (settings.py) 中添加了一些配置

    /li>

我是否还必须为附件(图像)编写自己的后端?STATIC_URL 和 MEDIA_URL 在我的 settings.py 中定义,如果这对这个问题很重要。

2014 年 11 月 29 日更新:

选择图片时,控制台报如下错误:“undefined is not a function”,与

“插入图像”按钮被禁用。

由于我的项目处于开发模式,因此我的设置中有DEBUG=True

我的网址看起来像:

并且Media_rootMedia_url设置为:

我使用这些设置在 django-summernote 之外使用图片上传。

感觉好像我错过了什么,但看不到什么。

提前致谢。