cherry-markdown icon indicating copy to clipboard operation
cherry-markdown copied to clipboard

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

Open TheChosenPerson opened this issue 2 years ago • 5 comments

Prerequisites

  • [ ] There isn't an existing issue that requests the same feature, to avoid duplicates.

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 avatar Dec 18 '23 07:12 TheChosenPerson

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

TheChosenPerson avatar Dec 18 '23 08:12 TheChosenPerson

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

sunsonliu avatar Dec 18 '23 08:12 sunsonliu

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

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

sunsonliu avatar Dec 18 '23 08:12 sunsonliu

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

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

TheChosenPerson avatar Dec 18 '23 08:12 TheChosenPerson

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

sunsonliu avatar Dec 18 '23 08:12 sunsonliu