Запрограммируйте мой собственный редактор, похожий на WYSIWYG - PullRequest
Новая
       28

Запрограммируйте мой собственный редактор, похожий на WYSIWYG

0 голосов
/ 05 июня 2018

Как проект, я хочу попробовать программировать свой собственный WYSIWYG-редактор (похожий на https://github.com/yabwe/medium-editor) или, по крайней мере, иметь возможность редактировать уже созданный редактор, похожий на средний, чтобы включить мои собственные функции.Может ли кто-нибудь дать мне руководство по редактированию yabwe medium-editor для включения моих собственных функций?Какие классы я бы отредактировал, чтобы включить / удалить функцию.Если я хотел запрограммировать свой собственный редактор, как мне заставить его всплыть, когда я выделил какой-нибудь текст.Спасибо!

1 Ответ

0 голосов
/ 05 июня 2018

В первую очередь вам нужен div с атрибутом contenteditable.Вы можете установить данные внутри него, используя опасных по правилам prop в реагировать или setinnerhtml в обычном javascript.Вы сможете печатать внутри него и использовать событие 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>
...