问题标签 [froala]

我无法完全弄清楚我在资产管道（业余时间）方面做错了什么。

我正在使用 Froala 编辑器（rails gem），当我访问要在我的所见即所得编辑器中呈现的页面时，它是意大利面条掉在页面上。（JS没有被应用。）

我试图通过on page:load在调用 init 基础之外实现该函数来解决 rails turbolinks 问题，但它显然不起作用。

这是我目前的设置。

application.js:

这是表单本身：

这是我在新页面和编辑页面中所做的事情：

也试过包括我的froala_editor.min.js两种方法都无济于事。我到底做错了什么？

编辑：

rails 日志或开发控制台中没有错误或任何内容。

此外，当我刷新页面时，js 确实可以工作，它不再是“意大利面条”，只是在初始页面加载时没有。

编辑两个（根据@thedanotto，“一般”是我的杂项脚本所在的位置）：

更新如下，但仍然没有运气。仍然适用于页面刷新。

我是网络开发的新手，这也是我在这里的第一个问题，所以我希望我足够精确。我想要实现的是在网页上有一个文本编辑器，它当然可以插入和编辑文本，但也能够插入空白吉他指法谱，可以通过鼠标和键盘事件进行编辑并将所有 html 内容保存到一个集合（比如创建和保存吉他笔记）。

文本的东西已经在工作了，我可以将内容保存到我的收藏中，或者可以在编辑器中显示收藏内容，但是我在吉他标签插入时遇到了一些问题。

我将 Meteor 与以下软件包一起使用：

我想将 kineticjs 用于吉他标签，因为它能够轻松绘制空白标签并访问其内容（用于我想做的编辑）。

出于测试目的，我刚刚开始向一个空的 html 页面静态添加一个具有 2 层（一层用于吉他标签行，一层用于文本）的新动态阶段，它可以正常工作。这是一个小提琴：

https://jsfiddle.net/dsrbhayd/

但是，如果我想通过编辑器内的自定义按钮插入动力学 div 来将动力学与 froala 编辑器的“insertHTML”功能结合使用，我会遇到以下问题： div 和 canvas 插入正常，就像上面没有编辑器的 html 页面一样，但几秒钟后，两层的内容（var“文本”和水平线，见小提琴）消失了。如果我用键盘输入任何文本，在我插入动态 div 之后，内容会立即消失。如果我切换到 froala 编辑器中的 HTML 代码（工具栏中的“显示 HTML”按钮），我仍然能够看到插入的动态 div 和画布元素，但似乎图层的内容“消失了” . 这是编辑器问题的另一个问题：

https://jsfiddle.net/un8sbrzd/

我工作了几天，但我无法得到它。我试图更改一些 froala 编辑器选项（就像我在小提琴的评论中提到的那样），但它没有用。

是不是编辑器的一种刷新问题？有没有人有一些在 html 编辑器中使用动力学的经验？

如果有人可以帮助我，那就太棒了。问候

Froala v2 移除了 v2 中的“选项”方法。编辑器初始化后是否可以更改选项？像这样的东西：

销毁内联编辑器时，使用最新版本的 froala 编辑器 (v2) 似乎不起作用。它将这个元素留在编辑器元素中：<i class="fa fa-code"></i>. 如果您访问内联示例站点，您可以看到此行为：https ://www.froala.com/wysiwyg-editor/v2.0/docs/examples/inline

并在开发者控制台中输入以下内容： $('div#froala-editor').froalaEditor('destroy');

有谁知道如何修复这个？它还将编辑器包装器留在编辑器容器中，并在其上保留编辑器类，即使文档指出销毁命令将完全删除编辑器并将元素恢复到其初始化前状态。

非常感谢！

我正在尝试将 Froala 编辑器合并到 React 组件中，并且在使用“html.set”或“snapshot.restore”方法更新编辑器中的内容后难以保留插入符号的位置。

目标是将 Froala 的编辑器内容保持在 React 的状态（使用 Flux 存储）：

抓取 HTML（并随后将其存储在 Flux 存储中）不是问题：

var content = $('#editor').froalaEditor('html.get', true);

但是，当尝试将状态刷新回 Froala 时：

$('#editor').froalaEditor('html.set', this.state.content);

新的 HTML 更新没有问题，但插入符号停止闪烁。编辑器仍然具有焦点，但输入的任何新文本都插入到任何<p> </p>标记内容之外。这有效地使插入符号从最后一个位置向上移动。

或者，使用以下命令获取和恢复快照：

var snap = $('#editor').froalaEditor('snapshot.get'); $('#editor').froalaEditor('snapshot.restore', snap);

将插入符号移动到编辑器的左上角。

在 HTML 设置（或 snapshop 恢复）之后，有没有办法获得插入符号位置并重新关注该位置？

这是使用 Froala 2.0.0-rc2，但在最新的 1.x 版本中存在相同的行为。

有一种方法可以计算行数来定义页码吗？有人在这个编辑器中添加了页码？

我用它来捕获事件，但我不知道如何计算该行

$('#edit').on('editable.contentChanged', function (e, editor {}

我正在尝试向上传的图像添加新属性。此属性将包含该图像的删除 URL，事件afterRemoveImage将使用该URL来销毁服务器端的该资源。

我曾尝试使用afterImageUpload事件，但我没有找到创建的图像标签。

哪个事件适合使用？

谢谢。

我正在使用 Froala 编辑器，它运行良好，直到我迁移到他们的第二个版本。每次我使用他们的视频插件插入 youtube 或任何类型的视频时，整个页面都会重新加载，然后一切都丢失了。我想知道是否有办法防止页面重新加载。

我只是按照 froala 文档并使用 metronic 将其与当前布局混合。

这是我的 CSS 订单。

这是我的 JS 订单

我就Uncaught TypeError: undefined is not a function在$('textarea#content').editable({inlineMode: false});

但是如果我评论$('textarea#content').editable({inlineMode: false});部分没有错误。

我该如何解决？

我正在使用“froala”编辑器来更改内联文本，这是链接

除了删除 div/p/span 等属性外，一切都运行良好。这是我的功能

前：

后：

有什么建议么？