问题标签 [trumbowyg]

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 回答
374 浏览

jquery - 有没有办法改变 Trumbowyg 编辑器背景?

我在文本应该是白色的框中有一些文本。

这也使 WYSIWYG 中的文本变为白色。可能看起来很简单,但 WYSIWYG 文本框也有默认的白色背景,所以框看起来是空的。

有没有办法将所见即所得编辑器背景更改为最常用于透明图像的背景?或者解决这个问题的正确方法是什么?

0 投票
1 回答
578 浏览

javascript - 如何在 Trumbowyg 中添加云参数以上传插件

我在我的项目中使用 trumbowyg 编辑器。从文档中知道可以使用下面的代码来设置编辑器的图片上传内容。

这很好用,imgur但我想使用cloudinaryserver 而不是imgur.

任何人都可以指导我plugins:{}在使用时需要做cloudinary什么吗?

我也正在使用dropzone.jswithcloudinary上传图片,这也可以正常工作。这是dropzone功能代码:

提前致谢!

0 投票
0 回答
232 浏览

javascript - Vue组件里面使用jQuery

我是 Vue 的新手,我真的不明白如何在组件中使用 jQuery(甚至是纯 js)。

我有一个component_1.vue内部有一个表单的组件:

现在我想对这个 textarea 使用 js textarea 布局(Trumbowyg)。我怎样才能让它工作?

即使我console.log(document.getElementById('contentInput'));created()生命周期钩子中运行,它也会返回null. created()钩子内对 jQuery 的检查返回JQUERY,因此定义了 jQuery。我没有在控制台中打印任何错误。

这是我的js的一部分:

如何访问 html,以便可以使用 trumbowyg 之类的东西?

0 投票
1 回答
478 浏览

php - 如何使用 html 标签在刀片 laravel 刀片中显示数据

我在我的应用程序中使用了 WYSIWG 功能,效果很好。我现在的问题是在用户端显示它的数据。我正在尝试使用{!! !!},但没有让它工作的运气。这是我的两种数据类型,第一种适用,{!! !!}另一种不适用:

作品

不是

我这样解析它们:

结果是这样的:

在此处输入图像描述

第二个是使用刀片未转义标签。我希望它们都只显示前 70 个字符。我正在使用 Laravel trumbowyg WYSIWG 插件。有人知道如何在刀片 php 中显示它吗?

0 投票
0 回答
240 浏览

django - 如何为 Django 单例模型修复“名称‘自我’未定义”

我正在尝试使用 Django v1.11 和 Trumbowyg 在我的网站上为用户创建一个可编辑的帮助页面。我想要完成的是:

  1. 只允许超级用户通过对他们可见的按钮来编辑页面
  2. 使用 Trumbowyg 编辑器输入和编辑文本
  3. 保存该文本,然后在页面上将其显示为 html

自然地,我认为我应该为 HelpText 创建一个模型,该模型将保存放入 Trumbowyg 编辑器的文本。然而,这个模型必须是特殊的,因为只能有其中一个。所以我转向了单例模型。我按照本教程创建了一个 SingletonModel 模型,并将其子类化为我的 HelpText 模型,就像这样。

但是,在将 HelpText 注册到我的 admin.py 后,这给了我一个错误。

通过几次谷歌搜索,我发现问题在于在 Meta 类中,abstract 设置为 true。我不知道如何摆脱这个错误,所以我想,“嘿!如果问题是抽象设置为 true,那么让 SingletonModel 类完全核对,只需将其方法放入 HelpText。” 所以我做了这个。

令人惊讶的是,我也得到了一个错误,但更残酷。现在,当我加载帮助页面时,Django 告诉我“名称‘self’未定义”。考虑到我有几个其他模型使用 def__str__(self) 来定义他们的字符串方法并公然使用 self 来引用它自己的字段,我不知道这怎么可能。这是怎么回事?错误也出现在views.py中的help_landing方法就行了help_text = webapp_models.HelpText.load()。与此模型相关的视图和模板如下。

视图.py

help_landing.html

help_create_landing.html

Traceback:出于安全原因,我正在切换网站名称

在 Django shell 中,我可以实例化一个 HelpText 对象,但如果我创建了多个对象,则会出现错误。我相信这是因为我确保应该始终存在一个 HelpText 模型。这是追溯。

0 投票
1 回答
1611 浏览

javascript - Trumbowyg 不是函数 | Javascript 错误

我正在使用 laravel 框架和 trumbowyg(javascript 富文本编辑器,请参阅:https ://alex-d.github.io/Trumbowyg/ )。我正在构建一个页面,用户可以在其中编辑他的帖子并在他更改某些内容后立即保存。

为了实现用户不得重新加载页面的目标,我正在使用 AJAX 保存更改,但每次单击保存按钮时都会收到错误消息“trumbowyg 不是函数”。

这是我的 JavaScript 代码:

我能做些什么来解决这个错误吗?

正常功能:$('#editor').trumbowyg('html', '{!! $document->old_version !!}');工作正常,因此加载 javascript 文件的顺序应该是正确的,但这种错误的类型与此相反。

0 投票
1 回答
386 浏览

angular - 在编辑器 trumbowyg 中,将 div 标签替换为 p 标签

trumbowyg 富文本编辑器在每个换行符处添加 p 标签,需要将 p 标签替换为 div 标签。

设置属性“语义”:初始化时为假似乎不起作用

0 投票
1 回答
2934 浏览

php - Trumbowyg:如何使用 Jquery .html() 或 .text() 放置文本

如何将检索到的文本放入 Trumbowyg Textarea。我想使用 Trumbowyg 编辑保存的内容。我使用 Jquery Ajax 从数据库中获取了一些文本。我正在尝试使用 .html() 和 .text() 函数放置文本,但无法正常工作。我正在尝试从互联网上找到解决方案,直到现在还没有得到它。

HTML:

查询:

0 投票
0 回答
55 浏览

ruby-on-rails-5 - 活动管理员编辑器未成功上传表单

ActiveAdmin Trumbowyg 无法正常工作。我已经添加了使用它的上传选项,并按照此处给出的代码上传了文件。

它成功上传文件,但它没有插入到文本区域内。

有什么解决办法吗?

演示站点供参考。
将它与编辑器下方给出的插件选项一起使用。

0 投票
1 回答
50 浏览

javascript - 函数存储到调用时未运行的变量

我正在为 Trumbowyg 开发一个插件,我试图将一个函数存储在一个变量中,以便以后可以调用它,但也可以在不更改包含的 javascript 文件的情况下进行覆盖。

问题是,当我尝试调用该函数时,它没有被调用。

这是我的相关代码:

在我上面的代码中,您可以看到我正在检查是否plugins.giphycrumbs.close_modal未设置,如果那是真的,我将其设置为应该关闭模式的函数。

在我的点击处理程序中.add_giphyinsertImage代码有效,但plugins.giphycrumbs.close_modal从未执行(我没有得到console.log嵌入函数的消息)

如果我做console.log(plugins.giphycrumbs.close_modal)预期的功能被放入控制台。

为什么close_modal我的代码中没有执行该函数?