Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add react demo for cherry-markdown #821

Merged
merged 1 commit into from
Jul 14, 2024
Merged

feat: add react demo for cherry-markdown #821

merged 1 commit into from
Jul 14, 2024

Conversation

urlyy
Copy link
Contributor

@urlyy urlyy commented Jul 1, 2024

What does this PR do?

创建了一个在React.js中使用cherry-markdown的demo,支持通过两个下拉菜单切换API和对应的函数的例子,并在Markdown中显示了对应的在React的App.js中使用该函数的方法,使用eval允许用户运行输入框里的可编辑代码,上方也放了三个跳转至其它文档的链接,对于部分的描述和代码示例也有修改
image
image

问题

  1. 是否有提供类似cherry.is_destroy()这样的api?不能用null判断的话需要新增一个辅助状态变量
  2. 我也只是个react新手,而react很强调对性能的手动管理优化,如果我的方法比较粗糙的话麻烦指点一下
  3. issue内容说了最好以UMD形式引入框架,用一个XXX.html文件完成demo,但我认为如果还是写个类似api.html的话不太必要,而且React使用者一般是使用脚手架创建的那一套项目吧,所以在examples/cherry-markdown-react-demo下起了一个React工程项目。如果一定要改成UMD的话也是可以的
  4. 我的审美不太好...配色也是用了logo上的樱桃红,界面美观问题还望谅解。。。

Related issues

#797

@humyfred
Copy link
Collaborator

humyfred commented Jul 14, 2024

  1. cherry 有提供destroy方法,可以在控制台调试看看cherry 实例的变量和方法,当然看源码是最好的
  2. 本次的issue只是让开发者写一个 react框架的“代理”,虽然用了react,但本质还是cherry去做所有事情,react demo搭建是为了让react 开发者能用上这个 react “代理”。用户各种传参通过代理转给cherry, 所以工作量是不多的,可以再琢磨。
  3. 跟2是同个话题,cherry 本身是打包成umd模式,对于vue react等框架来说不是特别直接,但也能用,所以做一个demo出来让开发者在对应框架下如何引用。如果更高级一点,做一个真正代理,react-cherry 这种,用户直接引用是最轻松的
  4. 跟2也有点接近,本issue只做代理,不限制任何主题的配置,从外部传入的任何配置框架只做代理,把用户的参数通过“代理”转给cherry 去执行

@humyfred humyfred merged commit 28c0e81 into Tencent:dev Jul 14, 2024
1 check passed
@urlyy
Copy link
Contributor Author

urlyy commented Jul 14, 2024

  1. cherry 有提供destroy方法,可以在控制台调试看看cherry 实例的变量和方法,当然看源码是最好的
  2. 本次的issue只是让开发者写一个 react框架的“代理”,虽然用了react,但本质还是cherry去做所有事情,react demo搭建是为了让react 开发者能用上这个 react “代理”。用户各种传参通过代理转给cherry, 所以工作量是不多的,可以再琢磨。
  3. 跟2是同个话题,cherry 本身是打包成umd模式,对于vue react等框架来说不是特别直接,但也能用,所以做一个demo出来让开发者在对应框架下如何引用。如果更高级一点,做一个真正代理,react-cherry 这种,用户直接引用是最轻松的
  4. 跟2也有点接近,本issue只做代理,不限制任何主题的配置,从外部传入的任何配置框架只做代理,把用户的参数通过“代理”转给cherry 去执行

感谢您的回答!所以本issue的要求实际上是写个类似codemirror的react版:react-codemirror吗?我好像被隔壁vue版本的带偏了

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants