단순한 팁탑 확장 또는 prodemirror 플러그인

단순한 팁탑 확장 또는 prodemirror 플러그인

나는 산문거울 에디터와 함께 작동하는 vuejs에 tiptap 에디터를 사용하고 싶다.

저는 팁스냅에 대해 많이 읽었지만, 설명서가 가장 좋지는 않고, 산문거울 자체가 매우 복잡합니다.당신이 나를 도와줄 수 있기를 바랍니다.

팁탑 에디터예를 들어 메뉴에서 버튼을 누르고 텍스트 필드에 div를 삽입하고 싶습니다.는 div이다, div이다, div이다, div이다, div이다, div와 같은 많은 수 .<div class="rectangle_var" company="example company" var-id="5124">text example</div>직사각형처럼 보여야 합니다.직사각형의 색상은 회색이어야 하며 예제에서 "텍스트 예제"와 같은 텍스트를 가질 수 있습니다.

이 확장자는 매우 쉽게 들리지만, 어떻게 하면 tiptap을 위한 내 확장자를 만들 수 있는지 모르겠습니다.좀 도와 줄래요?

tiptap docs는 완전하지 않기 때문에 확장의 소스 코드를 확인할 수 있습니다.예: https://github.com/ueberdosis/tiptap/tree/main/packages

마크들은 꽤 간단해..parseDOM 다음에 또 한 번.toDOM산문거울 문서들이 모든 걸 설명해 줄 거야밀도가 높지만 좋은 https://prosemirror.net/docs/guide/

편집기는 컨트롤과 별개입니다.플러그인을 호출하기 위한 모든 팁팁 예를 참조하십시오.https://tiptap.dev/

언급URL : https://stackoverflow.com/questions/60524936/simple-tiptap-extension-or-prosemirror-plugin