问题标签 [froala]
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.
javascript - Froala 编辑器 - 自定义对话框
我有以下用例： 在我的应用程序中，我使用 Froala Editor v2.0.5。在那里，我在工具栏上添加了一个自定义按钮，它打开了一个引导模式对话框，用户可以在其中选择或搜索一些特定的页面/链接。这一切都与以下代码一起使用：
现在我想将选定的链接插入到我的文档中。
问题： 当用户单击对话框上的某处时，编辑器将失去焦点/文本选择。现在用户单击我的自定义对话框上的“插入”按钮，该对话框调用以下方法：
并关闭对话框。但是这种方法不起作用，因为编辑器当前没有焦点/选择。
问题： 是否可以在不丢失编辑器中的焦点/选择的情况下打开自定义对话框？Froala 图像管理器使用这样的对话框，但我不知道如何将我的引导模式内容放入 froala 模式。
我仍然尝试了选项 iframe = true。使用此选项，编辑器将始终保留其选择，但此选项会在我的应用程序中带来一些错误，例如缺少 CSS、重复滚动条和无法调整工作表大小，因此我不想使用此选项。
还有其他方法吗？
javascript - 编辑器在管理页面中工作，但对于控制台中的前端，由于将内容设置为 froalafield，我收到错误
我正在使用 django-froala 编辑器https://github.com/froala/django-froala-editor它在管理页面中运行良好，但是当我尝试在管理页面之外使用时出现错误。
我明白了
未捕获的 TypeError: $(...).froalaEditor 不是函数。
它来自
我没有写，因为它是第 3 方应用程序。发生错误是因为$()没有放在最后，但由于我只是将其用作 3rd 方应用程序，因此我无处可解决此问题。
angularjs - Froala ImageUploadToS3 - AngularJS
在他们的网站上，froala 有以下内容；
我知道如何生成所有params. 但是我该如何实现这个代码AngularJS呢？
javascript - Froala v2 编辑器在检索时破坏了我的代码
我正在使用 Froala 编辑器 v2，我遇到了一个非常令人沮丧和间歇性的问题。我正在嵌入一个自定义 HTML 小部件（用户在自己的行上输入 URL 时的丰富预览）。但是当我检索到要保存到我们数据库中的最终 HTML 时，Froala 似乎决定在给我之前“清理”我的 HTML。当我在编辑内容时检查编辑器实例时，所有标记都处于良好状态。但是当我调用$('.froala-editor').froalaEditor('html.get')以检索 HTML 时，URL 预览小部件的 HTML 完全被破坏了。
我的怀疑是，由于整个预览都包含在一个<a>标签中以使整个内容链接起来（而且我没有任何嵌套<a>标签，因为那是糟糕的 HTML），Froala 正在采用其他结构元素，如divs、h#标签，p标签等，并将包装<a>标签的副本放在所有这些标签中（正如您将在代码示例中看到的那样），因为它认为您不允许<a>包装所有这些东西。但这只是一个猜测。
最重要的是，有时 Froala 会给我完整的 HTML，而有时它不会。
我认为这没有什么区别，但我使用 React 生成小部件，然后将生成的 HTML 注入编辑器。我已经删除了所有data-reactid属性以减少混乱。
原始注入的 HTML（最外层的<p>标签在那里，因为 Froala 似乎喜欢将所有内容包装在语义块级标签中）：
Froala 给了我什么：
angularjs - angular-froala 2.1.0 数据绑定不适用于 angular 1.1.5
我目前正在使用 Angular 1.1.5 开发一个项目。升级 Angular 目前不是一种选择。
我们想实现一个丰富的 HTML5 所见即所得编辑器，并决定尝试 Froala，因为它符合我们的要求，并且 angular-froala 的文档指出它应该适用于所有版本的 Angular >=1.0。
我在Plunker上做了一个使用 Angular 1.1.5 的 POC。
除了最重要的部分数据绑定之外，一切似乎都运行良好。将 Angular 版本升级到 1.5.0 修复了 POC 中的问题。但如前所述，这不是我的选择。
这是一个错误吗？froala-angular 的文档是否已过时？除了升级 Angular 之外，还有其他解决方法吗？还是我只是在这里遗漏了什么？
javascript - 更改 3rd 方组件的 jQuery 命名空间
当我们使用较旧的 jQuery 版本 (1.4) 和较新的版本 (1.11) 时，我们为它们提供了 2 个不同的命名空间。1.4 使用标准 $，1.11 使用 jQuery1111。
现在我正在尝试实现 froala 编辑器，它需要使用 1.11 版本。我已将 froala 代码更改为此：
但这给了我错误a is not a function（但脚本似乎能够运行）。错误在上面脚本的第 4 行被捕获。
如果我a(jQuery)在第 4 行更改为jQuery1111它运行时没有错误，但我不确定这是否正确，或者以后是否会导致错误。
这是将 3rd 方组件实现到非默认 jQuery 命名空间的正确方法吗？
更新：脚本顺序
里面<head />
里面<body />
javascript - 通过 Froala 使用自定义响应格式将图像上传到服务器
我正在使用 Froala 编辑器。我想将图像上传到自己的服务器，如文档响应格式中所述{ link: 'path/to/image.jpg' }，但我的服务器以另一种格式返回响应。
是否可以通过处理某些事件来使用 Froala 的自定义响应格式？
froala - 对 froala 中的图像使用内联样式而不是类
有没有一种简单的方法可以强制 Froala 使用内联样式而不是类来对齐图像？
换句话说，当 froala 对齐图像时，html 输出变为
但我需要它
froala - 在插入的图像上设置对齐
我正在使用以下代码将图像从 iframe 插入到我的编辑器中：
然后我有一个事件监听器froalaEditor.image.inserted，在那里我成功设置了替代文本，但我无法在图像上设置对齐。如果我在这里尝试使用 image.get() 它什么都不返回，所以我假设它还没有在编辑器中被选中。有没有办法选择插入的图像来让它工作，或者有没有更好的方法来设置插入图像的对齐。
我确实知道默认设置，我可以更改它以设置对齐，但我想让用户在从我的图像管理器插入图像时选择对齐。
ruby-on-rails - RoR：使用 Froala WYSIWYG 编辑器和 Carrierwave 上传 - 保存上传的图片，无需附件模型
我是初学者，我无法解决这个问题。
我做了什么： 使用 CarrierWave 和 Rails 设置 Froala WYSIWYG 编辑器
要点：https ://gist.github.com/qqnc/c4417aefe120374c8271
问题：见：图片
问题：如何在没有附件模型的情况下保存上传的图片？（在 TextPost 中：图片）
text_post_controller.rb
附件控制器.rb