Tencent / cherry-markdown

✨ A Markdown Editor
Other
3.58k stars 416 forks source link

[Feature Request]建议加入KityMinder实现思维导图的功能 #671

Open TheChosenPerson opened 11 months ago

TheChosenPerson commented 11 months ago

Prerequisites

Clear and concise description of the problem

  1. 建议优化一下弹窗的使用及其相关文档,目前想模仿drawio引入kityminder-editor有点困难,下面是我引入的一个案例 image image
  2. 建议添加代码语法km,下面是我实现的一个案例 image

Suggested solution

No response

Further Information

No response

Contributing

None

TheChosenPerson commented 11 months ago

如果可以的话,能添加个直接在预览里编辑所有的功能可供选择就更好了,同时针对喜欢markdown语法的程序员和不熟悉mardown语法的普通用户。

sunsonliu commented 11 months ago

非常赞的想法,个人比较推荐用插入draw.io的方式(编辑区是个图片+原始数据,预览区是个图片,点击出现弹窗编辑),因为这种方式可以很好的保证思维导图里的样式不丢失(比如布局、节点样式、备注、图片等)。 可以先把你仿照draw.io实现的代码pr进来哈,我们一起看看可以怎么优化~

sunsonliu commented 11 months ago

如果可以的话,能添加个直接在预览里编辑所有的功能可供选择就更好了,同时针对喜欢markdown语法的程序员和不熟悉mardown语法的普通用户。

是的是的,这是我们计划的编辑器终极形态——既可以在编辑区编辑,也可以在预览区所见即所得编辑。目前预览区只实现了列表、表格、代码块、图片尺寸这些所见即所得编辑能力,后面我们会日拱一卒满满把所有编辑区内容支持所见即所得编辑的~

TheChosenPerson commented 11 months ago

怪不好意思说,我技术水平有限,不太会运行项目的源码,通过依赖和侵入式修改做的,嘿嘿嘿,大佬看看这两个东西,然后我说一下我的一些小想法。 弹窗用的https://github.com/fex-team/kityminder-editor编译后的产物作为弹窗里面的内容,感觉和drawio的方式差不多。 语法实现使用的https://github.com/fex-team/kityminder-core

我其实本意是想的,在预览界面可以保留拖动、点击、展开、收起等操作,点击编辑或者啥的进入弹窗修改、添加节点等等,但是我没成功实现,毕竟实在vue的环境下,对项目了解没有那么多。然后就使用语法的方式实现了预览界面保留拖动、点击、展开、收起等操作,使用类似drawio弹窗方法可以可视化修改,但是产生的图片无法保留拖动、点击、展开、收起操作,希望大佬大大可以实现在弹窗里修改完后,在预览界面仍然可以保留拖动、点击、展开、收起操作。

sunsonliu commented 11 months ago

收到,感谢建议哈,我们看看能不能搞进来~~~