问题标签 [medium-editor]

我正在尝试在从 Material-UI 中选择的对话框中实现富文本。为此，我使用了一个包 react-medium-editor。如果我将它放在对话框中，它不会将文本转换为富文本，而是在对话框之外。可能是什么问题这是我为演示而制作的示例项目。

代码沙盒链接

检查媒体编辑器工作的以下几行

我想要这样

我正在尝试基于此使用此 vue2-medium-editor：https ://github.com/FranzSkuffka/vue-medium-editor

我正在按照说明进行操作，但由于某种原因我没有加载样式..

所以，我安装的第一步 yarn add vue2-medium-editor

然后我将我的组件导入：

文档中有一个步骤包括所需的 css，它指向基本媒体编辑器上的 css。

所以，我安装了媒体编辑器yarn add medium-editor

然后我根据这个 github repo 包含了这样的样式：https ://github.com/tui2tone/vue2-medium-editor =>

这是在同一个文件中。它成功了，但似乎不起作用。

这就是我现在得到的：

我错过了什么？

编辑 1

如果我这样做：

我收到此错误：

我正在尝试使用 Medium Editor ( https://github.com/yabwe/medium-editor ) 构建一个协作文本编辑器。我想要做的是在我的编辑器中实现这个功能：

https://github.com/convergencelabs/html-text-collab-ext

我并不是真正的 Javascript 专家，我面临一些问题。到目前为止，我创建了一个 Medium Editor 扩展，它监听外部用户的输入，输入外部更改的插入符号位置（使用编辑器的 exportSelection() 功能）。我现在要做的是在进行更改的位置插入假插入符号（类似于在 html-text-collab-ext 上看到的插入符号），但当然不会触及真正的插入符号。

我的代码：

非常感谢您。

我在谈论他们如何处理？他们是否将视频存储在托管中？

我从初始模式中看到，当我粘贴 YouTube 链接时，它不会直接从 YouTube 获取 iframe Url 是：-

https://medium.com/media/Token_Number

这对于嵌入式代码也是一样的，当我们粘贴它的 url 更改时，

那是什么意思？

它是如何工作的？

任何人都可以解释这背后的逻辑吗？

我正在使用一组父 div 的中型编辑器富文本编辑器库。contenteditable='true'我遇到的问题是，我无法在此编辑器中获得最后一个焦点元素。

实际上，我在这个编辑器之外有一个按钮。当我单击该按钮时，我必须传递我在中型编辑器中的最后一个焦点子 DOM 节点的引用。我尝试了中型编辑器文档中提供的一些功能，但这对我不起作用。

我的 DOM 中有如下元素：

我必须p使用 innerHTML=4 传递元素的引用，因为那是我关注的最后一个子元素，然后我单击了按钮。

任何人都可以帮忙吗？

谢谢。

我在 Angular 11 中使用中等编辑器。它是一个博客应用程序，我在其中使用中等编辑器来处理博客内容（“medium-editor”：“^5.23.3”）。在尝试编辑相同的内容时，在保存并从数据库中重新获取后，工具栏不显示。

当我创建一个新博客时，工具栏会在选择所写内容时显示，但是当我尝试通过选择更新内容时，工具栏不会显示。

我有 MediumEditorComponent，它在父组件中用作

在从服务器取回数据时，我通过输入将数据发送到媒体编辑器组件： <medium-editor [dataForInnerHtml]="data"></medium-editor>

在 MediumEditorComponent 中，我将编辑器中的数据设置为： this.editor.setContent(this.dataForInnerHtml)

我的工具栏选项是这样的：

库媒体编辑器默认行为是在用户点击回车时添加 ap 标签。这可能会导致可编辑标记内的布局和样式问题。相反，我想在用户点击回车时插入一个 br 标签。

我发现这段代码按预期工作

它在可编辑 div 中的字符串之后插入 br 标记。然而，用户的光标停留在 br 标记后面，所以最终光标确实进入了该行。

有针对这个的解决方法吗 ？