Jquery 媒体编辑器插入按钮-更轻的示例，然后是插件

使用contentEditable并查看添加中等样式的“插入”按钮

此按钮与光标显示在同一行，但在开始键入时立即隐藏。当你点击回车键并开始一个新行时，它会再次显示

例如，我发现：

但依赖性是巨大的，我不需要使用任何现有的插件，因为我的图像上传等已经完成

在实现与链接相同的效果方面有什么帮助吗？只需要一个简单的按钮，可以定位在打字行的开始

谢谢。

媒体编辑器在此处插入插件贡献者

我们正在使用vanilla JS（具体为ES2015）为升级版v3.0重写插件。因此插件将是免费的（当然除了媒体编辑器）

• 你可以
• 也别忘了阅读

---

此外，如果你不想使用插件和建立自己的，你仍然可以从中获得灵感

如果您希望为MediumEditor构建自己的非常简单的按钮，那么要使构建自定义扩展变得简单灵活，需要做大量工作

关于如何为工具栏构建一个简单的按钮，有一个非常好的教程

还有一些文档概述了按钮所需的所有契约，以及对所有MediumEditor扩展公开的助手方法

创建基本按钮扩展后，可以实例化它并在创建时将其传递到编辑器：

var myCustomButton = new MyCustomButton(); // constructor for your button

var editor = new MediumEditor('.editor', {
    toolbar: {
        buttons: ['bold', 'italic', 'underline', 'myButton']
    },
    extensions: {
        'myButton': myCustomButton
    }
});

---

您可以通过

扩展

选项将任何类型的扩展传递到编辑器中，但是按钮要求您定义按钮相对于其他按钮在工具栏中的显示位置，这是通过

工具栏按钮

选项控制的。

感谢您的回复。我已经开始写我自己的，但还没有完成。使用光标位置的偏移值有点运气，但需要花时间隐藏和显示新行上的插入按钮/当您开始键入等@Lovelock时您能成功编写自己的吗？