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

javascript - 防止在传递参数时立即调用函数

我有以下代码,它有效

按下settings.open_modal按钮时执行的位置。

但是,我想在其他地方定义这个函数(在 trumbowyg 的插件部分而不是在插件本身内部),但要做到这一点,我需要能够将选择器传递给它。我已经使用类似的close_modal功能完成了此操作,但我遇到了该open_modal功能的问题。

以下是我将如何以我想要的方式定义函数:

这意味着我的addBtnDef电话将更改为:

但是,这会导致函数在初始化时立即运行,而不是像在将选择器添加到函数之前那样等待按钮被按下。

如何让这段代码在运行函数之前等待按钮被按下,就像在添加选择器之前一样?

0 投票
1 回答
220 浏览

trumbowyg - 通过下拉按钮为 Trumbowyg 插入预定义文本

我按照本指南为 trumbowyg 创建了一个自定义下拉列表,但我一直坚持如何在单击下拉按钮时真正插入文本。

0 投票
1 回答
500 浏览

jquery - Trumbowyg: Insert text at caret not working

I have a button and when clicking on it I want to add some text inside the Editor.

I saw some issues where people gave the solution and I tried it. But when I use restoreRange and execCmd with insertHTML, it does not insert at the caret, only if something is input in the editor before, like a character or a space.

In other words, when clicking on the editor, it does not insert where the caret was when I clicked, but when writing something, it does.

Like if restoreRange only worked when writing something.

The problem happens with the following code:

Reproduced the problem here: https://jsfiddle.net/95nqv076/

Am I missing something?

0 投票
1 回答
218 浏览

javascript - npm WARN trumbowyg@2.21.0 需要 jQuery@>=1.8 的对等点,但没有安装。您必须自己安装对等依赖项

npm WARN trumbowyg@2.21.0 需要 jQuery@>=1.8 的对等点,但没有安装。您必须自己安装对等依赖项。

当我在 npm 上运行任何东西时,它给了我以上错误。我该如何解决这个错误?

0 投票
1 回答
152 浏览

ruby-on-rails - 在 Rails 应用程序中找不到活动管理员 Trumbowyg @import 错误

我正在尝试使用 Active admin 使用此 gem将 Trumbowyg WYSIWYG 编辑器添加到 rails 应用程序。

说明看起来很清楚,但我收到以下 scss 导入错误:

我尝试删除导入行。这允许应用程序加载,但编辑器工具当然没有出现。

任何人都可以提出解决这个问题的方法吗?

0 投票
2 回答
527 浏览

custom-element - 防止在 lit-html/lit-element 中重用 DOM

我正在寻找一种不在 lit-html/lit-element 中重用 DOM 元素的方法(是的,我知道,我正在关闭其中一个主要功能)。特定场景是将现有系统移动到 lit-element/lit-html,该系统在某些点嵌入了 trumbowyg WYSIWYG 编辑器。这个编辑器将自己附加到一个<div>在 lit-element 中创建的标签并修改它自己的内部 DOM,但当然 lit-html 不知道这已经发生了,所以它通常会重用相同的<div>标签而不是创建一个新的标签。我正在寻找类似于vue.jskey 属性的东西(例如,防止 Vue 积极重用 dom-elements

我觉得live()in 中的指令lit-html应该对此有用,但是它可以防止基于给定属性的重用,即使所有属性都相同,我也想防止重用。谢谢!

0 投票
0 回答
119 浏览

javascript - Trumbowyg - jquery__WEBPACK_IMPORTED_MODULE_0___default(...)(...).trumbowyg 不是函数

无法让 Trumbowyg 在我的 WordPress 项目中工作。

我使用 Webpack,这是我的代码:

“load-ux”事件在文档准备好时触发。

这是项目 jquery 依赖项:

我在谷歌上搜索了没有结果的解决方案,我做了这些测试:

导入'trumbowyg';-----> 导入'trumbowyg/dist/trumbowyg';

导入'trumbowyg';-----> 从“trumbowyg”导入 { trumbowyg };

添加$.noConflict();

使用$("textarea").trumbowyg();

使用require代替 include

下载该库并将其包含在项目中----> import 'libs//trumbowyg.js';

以及在网上找到的其他测试。

结果总是: Uncaught TypeError: jquery__WEBPACK_IMPORTED_MODULE_0___default(...)(...).trumbowyg is not a function

0 投票
0 回答
149 浏览

javascript - 如何在 trumbowyg 中为多个图像设置宽度和高度?

我使用了 trumbowyg 插件。在图片上传选项中,我正在尝试设置默认高度和宽度,下面是我的代码

但是在php中提交表单时无法获得宽度和高度值。有人可以建议我怎么做。

0 投票
1 回答
58 浏览

wai-aria - NVDA 未读出但 VoiceOver 正在读出 trumbowyg 工具栏按钮的按下状态

我希望 NVDA 屏幕阅读器读出 trumbowyg 工具栏按钮(粗体/斜体等)的按下状态。我已经实现了 aria-pressed 解决方案,它适用于 VoiceOver;当按钮被选择和取消选择时,它会读出选择/取消选择,但不适用于 NVDA:

0 投票
1 回答
17 浏览

php - 我在论坛中使用 trumbowyg 作为 textareas 的文本编辑器,但我该如何回应呢?

我没有找到任何与我的问题相关的帖子,所以我开始了:

我添加了trumbowyg(它是一个所见即所得的编辑器)来编辑我的内容,<textarea></textarea>当我将它发布到我的数据库中时它工作得很好。

唯一的问题是:我如何回应它?

trumbowyg的解析方法采用这种形式:你点击,比如说文本区域顶部工具栏中的B,它会将你的文本加粗。但是在服务器中,一旦发布,它实际上采用这种形式:<strong>some text</strong>

显然,当我在我的 sql 请求的这一部分中回显存储数据的 var 时,它以相同的方式输出它:<strong>some text</strong>而不是一些文本

我不知道它是否真的如此简单以至于我似乎无法找到解决方案,或者我正在尝试一些不可能的事情......?

提前谢谢你们!