Question

作为一个项目，我想尝试编写我自己的WYSIWYG编辑器（类似于https://github.com/yabwe/medium-editor），或者至少能够编辑已经创建的类媒体编辑器以包含我自己的功能。有人可以给我指导编辑yabwe媒体编辑器以包含我自己的功能吗？我将编辑哪些类来包含/删除函数。如果我想编写自己的编辑器，当我突出显示一些文本时，如何让编辑器弹出。谢谢！

Answer 1

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

＆＃13;

document.getElementById("inner").innerHTML = "Paragraph changed!";

＆＃13;

#inner{background:yellow}

＆＃13;

<!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>

＆＃13;

编写我自己的WYSIWYG中型编辑器

1 个答案: