问题标签 [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 回答
675 浏览

javascript - 带有按钮的面板没有出现在 trumbowyg 插件上

我正在使用一个用于 javascript 的插件来拥有一个名为 Trumbowyg 的 HTML 编辑器 (WYSIWYG)。使用此插件实例化创建元素时没有出现错误,但由于某种我想发现的原因,带有按钮/选项的面板没有显示。

我的代码:

之后,我将 editorHtmlElement 附加到 div 或其他任何内容。

预期:我得到了什么 如您所见,即使我尝试不使用任何自定义选项,也没有出现带有按钮的面板,只是默认设置......有人知道为什么吗? (不出现错误)
在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
874 浏览

angularjs - 使用所见即所得时,带有 ng-model 的 Textarea 未提交

我尝试使用 ng-submit 制作表单。在表单中有一个名为 wysiwyg 的文本区域(它是 trumbowyg)。提交时,除了 textarea 之外的所有表单数据都已提交。

在 app.js 中

如您所见,我editortextarea. 提交表单时,不发送 textarea 而其他发送。当我editor从课堂上移除时,它运行良好。为什么使用trumbowyg时没有提交?

0 投票
1 回答
743 浏览

javascript - 加载失败:请求的资源上不存在“Access-Control-Allow-Origin”标头

当我尝试从 S3 存储桶加载 .svg 图标时,我在控制台中收到此错误:

知道如何解决这个问题吗?

0 投票
1 回答
541 浏览

jquery - trumbowyg 自定义按钮 btnsDef 在 jquery 中不起作用

}); 尝试将自定义下拉菜单添加到 trumbowyg 时不起作用

0 投票
3 回答
1751 浏览

javascript - 在 Trumbowyg 编辑器中添加新行

我使用 Trumbowyg 编辑器(https://github.com/Alex-D/Trumbowyg)并且我想覆盖Enter(我已经完成)的行为。

我还想制作Ctrl+Enter组合键以向编辑器添加换行符(就像Enter默认情况下绑定为纯文本一样),但我找不到源代码中用于该方法的确切方法 - 有谁知道如何它解决了吗?

0 投票
1 回答
320 浏览

javascript - 如何将 trumbowyg 图像上传到我的 S3 存储桶?

我正在使用Trumbowyg,它是一个允许上传图片的所见即所得编辑器。它有一个图片上传插件,展示了如何使用 Imgur 作为图片主机 - 但是我想通过 AWS S3 托管我的图片。我怎样才能做到这一点?

以下是上传参数的相关代码:

这种格式是否允许 S3 成为主机?我可以将其更改serverPath为我的 S3 存储桶 URL,但对于包括授权在内的其余部分,我不太确定。

知道我该怎么做吗?

0 投票
1 回答
776 浏览

javascript - Trumbowyg:Django 服务器可以检测文件上传但不能检测图像 URL 输入

我正在使用Trumbowyg,这是一个所见即所得的 JavaScript 编辑器,它具有从粘贴的 URL 呈现图像的功能。它还有一个上传插件,可以上传本地图像和自定义服务器端处理。

我的 python/django 函数upload_image()可以成功检测到上传的图像 - 但是当我使用 URL 图像输入时,我的 python 函数无法检测到它。Trumbowyg 无需通过我的 python 后端即可简单地渲染图像。

这是我的代码:

为什么in能检测到上传的图片,但不能检测到URL输入?

0 投票
3 回答
1363 浏览

javascript - 在输入字段中只允许 HTTPS URL

我正在使用Trumbowyg,这是一个所见即所得的 JavaScript 编辑器,它允许通过粘贴 URL 来呈现图像。

因此,您将 URL 粘贴到字段中,然后单击Confirm按钮,然后将图像附加到编辑器中(您可以在此处进行测试

我想防止添加不是 HTTPS 的图像。因此,如果有人插入不是 HTTPS 的 URL,我想防止在他们单击时附加图像Confirm

这是图像 URL 的函数(来自文档):

知道如何修改此功能以仅允许 HTTPS 输入吗?

0 投票
0 回答
25 浏览

html - SCSS:如何选择具有特定类的兄弟的“::before”

我一直在尝试::before在 a 中选择一个元素,该元素div具有特定类名 ( trumbowyg-link-button) 的兄弟。

在这里,它的样子: 在此处输入图像描述

我试过的

但不幸的是它不起作用。任何帮助都是不言而喻的。

0 投票
1 回答
697 浏览

javascript - React:添加另一个库所需的 jquery

我想在我的反应项目中使用库 Trumbowyg 。但问题是库抛出错误jQuery is not defined

我发现 jquery 必须以某种方式作为全局变量暴露给窗口的信息。该库的作者提供了示例Webpack但我的项目中没有此示例。

所以我已经安装了 jquerynpm install并尝试导入它并像这样设置为 window 变量(它不起作用):

我该如何设置jquery才能trumbowyg看到它?create-react-app如果可以帮助您,我已经使用命令创建了我的项目。