编写我自己的所见即所得的媒体编辑器



作为一个项目,我想尝试编写我自己的所见即所得编辑器(有点类似于 https://github.com/yabwe/medium-editor(,或者至少能够编辑已经创建的类似媒体的编辑器以包含我自己的功能。有人可以指导我编辑yabwe媒体编辑器以包含我自己的功能吗?我将编辑哪些类以包含/删除函数。如果我想编写自己的编辑器,如何在突出显示某些文本时弹出编辑器。谢谢!

您主要需要的是具有内容可编辑属性的div。你可以在其中使用react中的dangerouslysethtml prop或普通javascript中的setinnerhtml设置数据。您将能够在其中键入,并使用onChanged事件捕获div内部的更改并在此函数中创建文本样式

document.getElementById("inner").innerHTML = "Paragraph changed!";
#inner{background:yellow}
<!DOCTYPE html>
<html>
<body>
<div class="outer" contenteditable="true">This is a paragraph. <span id="inner"></span> Try to change this text.</div>
</body>
</html>

最新更新